Is it possible to make an md-button smaller?

Question

I want my buttons showing left- and right arrow and NOW text to be as small as possible. How do I do that?

Answer 1

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%;
}