// Container styling
.button-colors(#FFF);
border-radius: @borderRadius;
- min-width: 80px;
+ min-width: 70px;
// Ensure that buttons and inputs are nicely aligned when they have differing heights
vertical-align: middle;
// Quiet buttons
//
// Use quiet buttons when they are less important and alongisde other progressive/destructive/progressive buttons.
+ // Use of quiet buttons is not recommended on mobile/tablet due to lack of hover state.
//
// Markup:
// <div>
//
// Styleguide 2.2.
.mw-ui-button-group > * {
+ min-width: 48px;
border-radius: 0;
float: left;