fix(button): labeled icon buttons have wrong margin

lubber-de · web-flow · commit 6d5703eb5d6e · 2020-12-03T10:17:49.000+01:00
A labeled icon button got a wrong margin especially when used for multiple dropdown buttons as the specificity changed in #1571 However labeled icon buttons are never supposed to be displayed without text so the selector for single icon buttons should not select labeled buttons.
diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less
@@ -735,7 +735,7 @@
 ---------------*/
 
 .ui.icon.buttons .button,
-.ui.icon.button:not(.animated):not(.compact) {
+.ui.icon.button:not(.animated):not(.compact):not(.labeled) {
   padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowOffset );
 }
 .ui.animated.icon.button > .content > .icon,

Original file line number	Diff line number	Diff line change
`@@ -735,7 +735,7 @@`
`735`	`735`	`---------------*/`
`736`	`736`
`737`	`737`	`.ui.icon.buttons .button,`
`738`		`-.ui.icon.button:not(.animated):not(.compact) {`
	`738`	`+.ui.icon.button:not(.animated):not(.compact):not(.labeled) {`
`739`	`739`	`padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowOffset );`
`740`	`740`	`}`
`741`	`741`	`.ui.animated.icon.button > .content > .icon,`