fix styling around icons and line height for ref items

Author: nielslyngsoe

packages/uui-ref-node/lib/uui-ref-node.element.ts

@@ -183,9 +183,8 @@ export class UUIRefNodeElement extends UUIRefElement {
         display: flex;
         flex-grow: 1;
         align-items: center;
-        justify-content: center;
         line-height: 1.2em;
-        padding: calc(var(--uui-size-2));
+        padding: calc(var(--uui-size-3));
       }
 
       #open-part {
@@ -211,10 +210,12 @@ export class UUIRefNodeElement extends UUIRefElement {
         justify-content: center;
         height: 100%;
         padding-left: var(--uui-size-2);
+        margin-top: 1px;
       }
 
       #detail {
         opacity: 0.6;
+        line-height: 1.2em;
       }
 
       :host([selectable]) #open-part {

packages/uui-ref/lib/uui-ref.element.ts

@@ -69,6 +69,7 @@ export class UUIRefElement extends SelectOnlyMixin(
         justify-content: space-between;
         align-items: center;
         width: 100%;
+        font-size: var(--uui-font-size);
 
         box-sizing: border-box;
         border-radius: var(--uui-border-radius);