From 0d1c8af7a1da7c8a77e3312daa5d8d343ac006eb Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Thu, 4 Feb 2016 16:42:17 -0800
Subject: [PATCH] Fix menu elements with <span>s inside of them being
 misaligned, fixes #7309

---
 scss/components/_menu.scss | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index 9315a43fe..0e8156553 100644
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -103,12 +103,13 @@ $menu-expand-max: 6 !default;
 @mixin menu-icons($position: side, $base: true) {
   @if $base {
     > li > a {
-      > img,
-      > i {
+      img,
+      i {
         vertical-align: middle;
       }
 
-      > span {
+      i + span,
+      img + span {
         vertical-align: middle;
       }
     }
@@ -116,8 +117,8 @@ $menu-expand-max: 6 !default;
 
   @if $position == side {
     > li > a {
-      > img,
-      > i {
+      img,
+      i {
         display: inline-block;
         margin-#{$global-right}: $menu-icon-spacing;
       }
@@ -127,8 +128,8 @@ $menu-expand-max: 6 !default;
     > li > a {
       text-align: center;
 
-      > img,
-      > i {
+      img,
+      i {
         display: block;
         margin: 0 auto $menu-icon-spacing;
       }
-- 
2.47.3