Fix visual bug IE.

Icon width auto does not work well with IE. This will make the icon inherit the width from the parent (which will be the full width of the button) while centering the svg in the box. Thus the svg will be centered on the box.
SpareBank1 · Dec 1, 2016 · b5479a4 · b5479a4
1 parent ed51c59
commit b5479a4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/less/secondary-button.less b/less/secondary-button.less
@@ -26,11 +26,12 @@
         right: 5px;
         display: inline-block;
         height: 18px;
-        width: auto;
+        width: 18px;
         fill: @ffe-blue-royal;
     }
 
     &--condensed .ffe-secondary-button__label-icon {
         height: 14px;
+        width: 14px;
     }
 }
diff --git a/less/tertiary-button.less b/less/tertiary-button.less
@@ -45,7 +45,7 @@
         left: 4px;
         fill: @ffe-blue-royal;
         height: 18px;
-        width: auto;
+        width: 18px;
     }
 
     &--condensed {
@@ -54,6 +54,7 @@
             bottom: 7px;
             left: 9px;
             height: 14px;
+            width: 14px;
         }
     }
 }