Fix alignment of menu-item parts (#935)

* Fix alignment of menu-item parts * apply suggestion from Bjarne --------- Co-authored-by: Mads Rasmussen <[email protected]>
umbraco · Nov 19, 2024 · c28c618 · c28c618
1 parent 88c2c1a
commit c28c618
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/uui-icon/lib/uui-icon.element.ts b/packages/uui-icon/lib/uui-icon.element.ts
@@ -141,8 +141,8 @@ export class UUIIconElement extends LitElement {
       :host {
         display: inline-block;
         vertical-align: bottom;
-        width: 1.15em;
-        height: 1.15em;
+        width: 1.125em;
+        height: 1.125em;
       }
 
       :host svg,

diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -519,7 +519,8 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
         height: 100%;
         display: flex;
         align-items: center;
-        justify-content: center;
+        justify-content: end;
+        padding-inline-end: 3px;
         color: var(--uui-color-interactive);
       }
 
@@ -553,7 +554,6 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
 
       #icon {
         display: inline-flex;
-        font-size: 16px;
         margin-right: var(--uui-size-2);
       }
 

diff --git a/packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts b/packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts
@@ -35,6 +35,7 @@ export class UUISymbolExpandElement extends LitElement {
       :host {
         display: inline-block;
         width: 12px;
+        height: 12px;
         vertical-align: middle;
       }