commit 2cc89bf3e149cf0cf14ebc7194a581299ed5f6f3
author Dixsie Wolmers <dixsiew@gmail.com> Mon Oct 07 16:08:31 2019 -0500
committer Gunnar Mills <gmills@us.ibm.com> Fri Oct 18 17:13:44 2019 +0000
tree e7c5eacba8df2d167f4945f3ccd0e25e516cd9fb
parent 254b16ee2e354b1fe7a27c0efe38f568bd159c29

Fix IE 11 primary navigation icon positioning

Added height value of 100% to nav-icon in order to properly align
in IE11.

Tested on Chrome, Firefox, Safari, Edge and IE11.

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

app/common/styles/directives/app-navigation.scss

diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss
index d7e8909..f8f5a6f 100644
--- a/app/common/styles/directives/app-navigation.scss
+++ b/app/common/styles/directives/app-navigation.scss
@@ -56,13 +56,14 @@
   .nav-icon {
     @include navIcons;
     width: 100%;
+    height: 100%;
     svg {
       width: 36px;
       height: auto;
     }
   }
-  .nav-icon__control {
-    margin-bottom: 1em;
+  .nav-icon__control,
+  .nav-icon__key {
     svg {
       width: 30px;
     }