From 5e4400730ea754e8d8a4e3da0d998917567da199 Mon Sep 17 00:00:00 2001
From: Saul Johnson <saul.a.johnson@gmail.com>
Date: Sat, 5 Aug 2017 00:31:36 +0100
Subject: [PATCH] Remove background from burger button

---
 src/less/main.less        | 19 +++----------------
 templates/index.html.twig | 12 +++++-------
 2 files changed, 8 insertions(+), 23 deletions(-)

diff --git a/src/less/main.less b/src/less/main.less
index b17992d..40c6dc9 100644
--- a/src/less/main.less
+++ b/src/less/main.less
@@ -283,27 +283,14 @@ html {
 /*       Hamburger-Cross         */
 /*-------------------------------*/
 
-.hamburger-wrapper {
-  // background: rgba(0, 0, 0, 0.3);
-  // border: 1px solid rgba(0, 0, 0, 0.6);
-  // border-radius: 5px;
-  display: block;
-  height: 42px;
-  width: 42px;
-  position: absolute;
-  top: 20px;
-  margin-left: 15px;
-}
-
 .hamburger {
   background: transparent;
-  display: block;
   border: none;
-  outline: none;
+  display: block;
   height: 32px;
+  margin-left: 15px;
   position: absolute;
-  top: 4px;
-  left: 4px;
+  top: 20px;
   width: 32px;
   z-index: 999;
   &:hover {
diff --git a/templates/index.html.twig b/templates/index.html.twig
index 9686102..8f01da2 100644
--- a/templates/index.html.twig
+++ b/templates/index.html.twig
@@ -136,13 +136,11 @@
                 </div>#}
             </nav>
             <div id="page-content-wrapper">
-                <div class="hamburger-wrapper">
-                    <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
-                        <span class="hamb-top"></span>
-                        <span class="hamb-middle"></span>
-                        <span class="hamb-bottom"></span>
-                    </button>
-                </div>
+                <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
+                    <span class="hamb-top"></span>
+                    <span class="hamb-middle"></span>
+                    <span class="hamb-bottom"></span>
+                </button>
             </div>
         </div>
     </body>