commit 50c1aa1d26a935487ef93ac1f9c348f3760523a7
author Dixsie Wolmers <dixsiew@gmail.com> Mon Oct 14 13:22:36 2019 -0500
committer Gunnar Mills <gmills@us.ibm.com> Fri Oct 18 17:13:44 2019 +0000
tree 202529be719004d1e529f2b731c00cb814e2ccc3
parent 2cc89bf3e149cf0cf14ebc7194a581299ed5f6f3

Fix IE11 icon alignment on header and system overview

Made height and width changes to icons on app header
and system overview to properly align icons in IE11.
Removes additional space in system overview quick
links.

Tested in Chrome, IE11, Safari, Edge.

Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com>
Change-Id: I7ae24df3fe73ea3502565ed3ee2ccabb2506e098

app/common/styles/layout/header.scss

diff --git a/app/common/styles/layout/header.scss b/app/common/styles/layout/header.scss
index 5a7a9d1..c034c82 100644
--- a/app/common/styles/layout/header.scss
+++ b/app/common/styles/layout/header.scss
@@ -146,7 +146,7 @@
     opacity: 1;
 
     .icon svg {
-      width: 1rem;
+      height: 1rem;
     }
 
     .status-icon {
@@ -173,10 +173,8 @@
 
       .icon {
         @include fastTransition-all;
-        margin: 0.2em 0 0 0;
-
         svg {
-          width: 2.6rem;
+          width: 1.25rem;
           height: auto;
         }
       }
@@ -214,8 +212,7 @@
       margin-right: auto;
 
       svg {
-        width: 1.6rem;
-        height: auto;
+        height: 1.5rem;
         fill: $primary-accent;
       }
     }