From: RafiBomb <rafi@zurb.com>
Date: Thu, 18 May 2017 20:37:30 +0000 (-0700)
Subject: separates chick to destination form menu toggle
X-Git-Tag: v6.4.0-rc1~26^2~6
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10048%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

separates chick to destination form menu toggle
---

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 846637c8d..1320037cf 100644
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -270,6 +270,14 @@ $global-nav-hover-color: lighten($global-nav-bg, 10%);
 .global-nav-mobile-wrapper {
   background: $global-nav-bg;
   position: relative;
+  display: flex;
+  vertical-align: middle;
+
+  button,
+  [type="button"] {
+    appearance: none;
+    height: rem-calc(45);
+  }
 
   @media screen and (min-width: 775px) {
     display: none;
@@ -284,9 +292,8 @@ $global-nav-hover-color: lighten($global-nav-bg, 10%);
   // hamburger-menu
 
   .hamburger-icon {
-    @include vertical-center;
     height: 12px;
-    left: 10px;
+    margin-left: 10px;
   }
 
   // zurb logo
diff --git a/docs/partials/mobile-navigation.html b/docs/partials/mobile-navigation.html
index 52cf78618..886081a1c 100644
--- a/docs/partials/mobile-navigation.html
+++ b/docs/partials/mobile-navigation.html
@@ -1,10 +1,8 @@
 <div class="global-nav-mobile-wrapper hide-for-smedium-up">
   <button type="button" data-toggle="offCanvasLeft">
-    <div class="global-nav-mobile">
-      <img class="hamburger-icon" alt="Menu icon" src="{{root}}assets/img/icons/menu-grey.png">
-      <div class="global-nav-title">
-        <a class="zurb-logo" href="http://foundation.zurb.com/index.html">ZURB <strong>Foundation</strong></a>
-      </div>
-    </div>
+    <img class="hamburger-icon" alt="Menu icon" src="{{root}}assets/img/icons/menu-grey.png">
   </button>
+  <div class="global-nav-title">
+    <a class="zurb-logo" href="http://foundation.zurb.com/index.html">ZURB <strong>Foundation</strong></a>
+  </div>
 </div>