Fix alignment of menu-item parts (#935)

* Fix alignment of menu-item parts

* apply suggestion from Bjarne

---------

Co-authored-by: Mads Rasmussen <[email protected]>

Author: skttl

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,

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);
       }
 

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;
       }