From 4182c34ff641344d9a766e1481c176a849df71f0 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Wed, 29 Mar 2017 15:27:15 -0400
Subject: [PATCH] Vertically align inner toggle for webkit browsers

---
 _layouts/default.html                    | 6 ++++--
 _sass/basically-basic/_sidebar.scss      | 4 +---
 docs/_layouts/default.html               | 6 ++++--
 docs/_sass/basically-basic/_sidebar.scss | 4 +---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 0976c55..b7e30fa 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -14,8 +14,10 @@
 
     <div class="sidebar-toggle-wrapper">
       <button class="toggle navicon-button larr" type="button">
-        <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
-        <span class="navicon"></span>
+        <span class="toggle-inner">
+          <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
+          <span class="navicon"></span>
+        </span>
       </button>
     </div>
 
diff --git a/_sass/basically-basic/_sidebar.scss b/_sass/basically-basic/_sidebar.scss
index c2af88d..f368d42 100644
--- a/_sass/basically-basic/_sidebar.scss
+++ b/_sass/basically-basic/_sidebar.scss
@@ -116,13 +116,11 @@
   cursor: pointer;
   z-index: 10000;
 
-  .toggle {
+  .toggle-inner {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
-    color: inherit;
-    text-decoration: none;
   }
 }
 
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 0976c55..b7e30fa 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -14,8 +14,10 @@
 
     <div class="sidebar-toggle-wrapper">
       <button class="toggle navicon-button larr" type="button">
-        <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
-        <span class="navicon"></span>
+        <span class="toggle-inner">
+          <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
+          <span class="navicon"></span>
+        </span>
       </button>
     </div>
 
diff --git a/docs/_sass/basically-basic/_sidebar.scss b/docs/_sass/basically-basic/_sidebar.scss
index c2af88d..f368d42 100644
--- a/docs/_sass/basically-basic/_sidebar.scss
+++ b/docs/_sass/basically-basic/_sidebar.scss
@@ -116,13 +116,11 @@
   cursor: pointer;
   z-index: 10000;
 
-  .toggle {
+  .toggle-inner {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
-    color: inherit;
-    text-decoration: none;
   }
 }