diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index a56fddfd9..e32f5a8bc 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -393,7 +393,9 @@ margin: 0px; } .ui.labeled.button > .label { - margin: 0px 0px 0px -@borderBoxShadowWidth; + display: flex; + align-items: @labeledLabelAlign; + margin: 0px 0px 0px @labeledLabelBorderOffset; font-size: @labeledLabelFontSize; padding: @labeledLabelPadding; font-size: @labeledLabelFontSize; @@ -575,7 +577,7 @@ Icon ---------------*/ -.ui.button > .icon { +.ui.button > .icon:not(.button) { height: @iconHeight; opacity: @iconOpacity; margin: @iconMargin; @@ -583,7 +585,7 @@ vertical-align: @iconVerticalAlign; color: @iconColor; } -.ui.button > .right.icon { +.ui.button > .right.icon:not(.button) { margin: @rightIconMargin; } diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables index 7b3af53f7..13703d4f4 100644 --- a/src/themes/default/elements/button.variables +++ b/src/themes/default/elements/button.variables @@ -161,9 +161,11 @@ /* Labeled */ @labeledLabelFontSize: @medium; +@labeledLabelAlign: center; @labeledLabelPadding: @verticalPadding @horizontalPadding; @labeledLabelFontSize: @relativeMedium; @labeledLabelBorderColor: @borderColor; +@labeledLabelBorderOffset: -@borderBoxShadowWidth; /* Labeled Icon */ @labeledIconWidth: 1em + (@verticalPadding * 2);