🐛 - fix: fix a bug that icons to have incorrect margins if nested in …

…an AttirbuteTable component
maykinmedia · Oct 18, 2024 · 4917066 · 4917066
1 parent bd510ba
commit 4917066
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/data/attributetable/attributetable.scss b/src/components/data/attributetable/attributetable.scss
@@ -24,8 +24,11 @@
   &__cell--key {
     font-weight: var(--typography-font-weight-bold);
   }
+  &__cell--key > .mykn-icon:last-child {
+    margin-inline-start: var(--spacing-h);
+  }
 
-  &__cell .mykn-icon {
+  &__cell > .mykn-icon {
     margin-inline-end: var(--spacing-h);
   }
 }
diff --git a/src/components/data/attributetable/attributetable.stories.tsx b/src/components/data/attributetable/attributetable.stories.tsx
@@ -62,9 +62,9 @@ export const LabeledAttributeTableComponentWithNodes: Story = {
       },
       labelWithIcon: {
         label: (
-          <div>
+          <>
             A label with icon <Outline.AcademicCapIcon />
-          </div>
+          </>
         ),
         value: "Some value",
       },