Changing Vuetify's Button Width And Padding
The issue is the min-width
of the .btn
class. Setting that to 0
will allow the button to be smaller than 88px
. You should also just set the padding
of the .btn__content
to 0
.
div.btn__content {
padding: 0;
}
div.card__actions .btn {
min-width: 0;
}
Here's an updated codepen.
For newer versions of Vuetify (1.2.4 and above) you need to use this:
/* turn off min-width for all buttons */
.v-btn {
min-width: 0;
}