Fix menu icon styles in flexbox mode interfering with basic menu styles, closes ...

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index cbe784cda3304fe6307f243e735be5ae60064c9d..80c190fc76ad2d26165a3ec19726bb5608a3c510 100644 (file)
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -149,8 +149,6 @@ $menu-icon-spacing: 0.25rem !default;
     @if $global-flexbox {
       > li > a {
         display: flex;
-        align-items: center;
-        justify-content: center;
       }
     }
     @else {
@@ -176,9 +174,10 @@ $menu-icon-spacing: 0.25rem !default;
 
       img,
       i {
+        margin-#{$global-right}: $menu-icon-spacing;
+
         @if not $global-flexbox {
           display: inline-block;
-          margin-#{$global-right}: $menu-icon-spacing;
         }
       }
     }
@@ -192,12 +191,17 @@ $menu-icon-spacing: 0.25rem !default;
         text-align: center;
       }
 
-      > img,
-      > i {
+      img,
+      i {
         @if not $global-flexbox {
           display: block;
           margin: 0 auto $menu-icon-spacing;
         }
+        @else {
+          align-self: stretch;
+          text-align: center;
+          margin-bottom: $menu-icon-spacing;
+        }
       }
     }
   }