fix: support small tertiary buttons

dnbexperience · Mar 30, 2021 · b9df6ee · b9df6ee
1 parent 5e42e62
commit b9df6ee
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/dnb-eufemia/src/components/button/__tests__/__snapshots__/Button.test.js.snap b/packages/dnb-eufemia/src/components/button/__tests__/__snapshots__/Button.test.js.snap
@@ -1146,6 +1146,8 @@ exports[`Button scss have to match default theme snapshot 1`] = `
     .dnb-button--tertiary .dnb-button__icon {
       align-self: flex-start;
       margin-top: 0.75rem; }
+    .dnb-button--tertiary.dnb-button--size-small .dnb-button__icon {
+      margin-top: 0.25rem; }
     .dnb-button--tertiary.dnb-button--size-large .dnb-button__icon,
     .dnb-button--tertiary:not(.dnb-button--size-large) .dnb-button__icon.dnb-icon--medium {
       margin-top: 0.5rem; }

diff --git a/packages/dnb-eufemia/src/components/button/style/themes/dnb-button-theme-ui.scss b/packages/dnb-eufemia/src/components/button/style/themes/dnb-button-theme-ui.scss
@@ -168,6 +168,9 @@
       align-self: flex-start;
       margin-top: 0.75rem;
     }
+    &.dnb-button--size-small .dnb-button__icon {
+      margin-top: 0.25rem;
+    }
 
     // Ensure tertiary button has medium size when size is large
     &.dnb-button--size-large .dnb-button__icon,