fix(ffe-buttons): center icons

SpareBank1 · May 7, 2024 · 9e54345 · 9e54345
1 parent 48ab604
commit 9e54345
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/ffe-buttons/less/base-button.less b/packages/ffe-buttons/less/base-button.less
@@ -173,6 +173,7 @@
     width: auto;
 
     .ffe-button__icon > .ffe-icons {
+        display: block;
         color: var(--ffe-v-button-task-primary-color);
     }
 

diff --git a/packages/ffe-buttons/less/inline-base-button.less b/packages/ffe-buttons/less/inline-base-button.less
@@ -49,7 +49,7 @@
 
 .ffe-inline-button--back {
     color: var(--ffe-v-button-primary-color);
-    line-height: 24px;
+    line-height: 1;
     padding: var(--ffe-spacing-xs) var(--ffe-spacing-md) var(--ffe-spacing-xs)
         var(--ffe-spacing-2xl);
     outline: none;
@@ -61,6 +61,7 @@
 
     .ffe-inline-button__icon {
         color: var(--ffe-v-button-primary-color);
+        display: block;
     }
 
     @media (hover: hover) and (pointer: fine) {