Is it possible to make an md-button smaller?
Add the following to your styles:
.md-button { min-width: 1%;}
Alternatively, use a custom class:
.md-button.md-small { min-width: 1%;}
Or, in Angular Material 2:
.mat-button.mat-small { min-width: 1%;}
Try the following class in your styles. You can adjust the pixel depending on how big/small you want the button to be.
.md-button.md-small { width: 20px; height: 20px; line-height: 20px; min-height: 20px; vertical-align: top; font-size: 10px; padding: 0 0; margin: 0;}
You could use css transform: scale()
. You have to play with margins a little bit, but it isn't much code and you can go smaller or bigger pretty easily.
.shrink-2x { transform: scale(0.5);}.enlarge-2x { transform: scale(1.5);}