fix(list): improve distances between elements within list items

Lundalogik · Jun 20, 2024 · c931db8 · c931db8
1 parent 6e30ec9
commit c931db8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/list/list.scss b/src/components/list/list.scss
@@ -126,7 +126,7 @@ $list-mdc-list-item: 0;
     }
 
     .mdc-deprecated-list-item__graphic {
-        margin-right: functions.pxToRem(8);
+        margin-right: 0;
     }
 
     &.mdc-deprecated-list--avatar-list {
@@ -138,7 +138,6 @@ $list-mdc-list-item: 0;
                 rgb(var(--contrast-900))
             );
             color: var(--icon-color, rgba(var(--color-white), 0.88));
-            margin-right: functions.pxToRem(12);
             margin-left: functions.pxToRem(-4);
         }
 
@@ -224,16 +223,16 @@ $list-mdc-list-item: 0;
     limel-icon.mdc-deprecated-list-item__graphic {
         // Tweaks to make icon lists align nicely with badge-icon lists.
         &[size='x-small'] {
-            margin-right: functions.pxToRem(4);
+            margin-right: 0;
         }
         &[size='small'] {
-            margin-right: functions.pxToRem(8);
+            margin-right: 0;
         }
         &[size='medium'] {
-            margin-right: functions.pxToRem(8);
+            margin-right: 0.25rem;
         }
         &[size='large'] {
-            margin-right: functions.pxToRem(12);
+            margin-right: 0.5rem;
         }
     }
 }

diff --git a/src/components/menu-list/menu-list.scss b/src/components/menu-list/menu-list.scss
@@ -25,7 +25,8 @@
         font-size: functions.pxToRem(13);
 
         .mdc-deprecated-list-item__graphic {
-            margin-right: functions.pxToRem(14);
+            margin-right: 0;
+            margin-left: -0.75rem;
         }
     }