Update uui-button.element.ts

madsrasmussen · nielslyngsoe · commit 976e52c7a5e9 · 2025-01-23T07:50:45.000+01:00
diff --git a/packages/uui-button/lib/uui-button.element.ts b/packages/uui-button/lib/uui-button.element.ts
@@ -293,9 +293,12 @@ export class UUIButtonElement extends UUIFormControlMixin(
 
       .label {
         line-height: normal; /** needed to reset 'a > span' */
-        display: block;
         transition: opacity 120ms;
+        display: flex;
+        gap: var(--uui-size-1);
+        align-items: center;
       }
+
       :host([state]:not([state=''])) .label {
         opacity: 0;
       }

Original file line number	Diff line number	Diff line change
`@@ -293,9 +293,12 @@ export class UUIButtonElement extends UUIFormControlMixin(`
`293`	`293`
`294`	`294`	`.label {`
`295`	`295`	`line-height: normal; /** needed to reset 'a > span' */`
`296`		`- display: block;`
`297`	`296`	`transition: opacity 120ms;`
	`297`	`+ display: flex;`
	`298`	`+ gap: var(--uui-size-1);`
	`299`	`+ align-items: center;`
`298`	`300`	`}`
	`301`	`+`
`299`	`302`	`:host([state]:not([state=''])) .label {`
`300`	`303`	`opacity: 0;`
`301`	`304`	`}`