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
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;
}