Remove sidebar toggle button; replace with dropdown

app/assets/stylesheets/framework/header.scss

@@ -101,9 +101,12 @@ header {
       }
     }
 
-    .global-dropdown-toggle {
+    .global-dropdown {
       position: absolute;
       left: -10px;
+    }
+
+    .global-dropdown-toggle {
       margin: 7px 0;
       font-size: 18px;
       padding: 6px 10px;

app/views/layouts/header/_default.html.haml

@@ -2,9 +2,16 @@
   %a.sr-only.gl-accessibility{ href: "#content-body", tabindex: "1" } Skip to content
   .container-fluid
     .header-content
-      %button.side-nav-toggle{ type: 'button', "aria-label" => "Toggle global navigation" }
+      .dropdown.global-dropdown
+        %button.global-dropdown-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
           %span.sr-only Toggle navigation
           = icon('bars')
+        .dropdown-menu-nav
+          %ul
+            - if current_user
+              = render 'layouts/nav/dashboard'
+            - else
+              = render 'layouts/nav/explore'
       %button.navbar-toggle{ type: 'button' }
         %span.sr-only Toggle navigation
         = icon('ellipsis-v')
@@ -55,20 +62,8 @@
               %div
                 = link_to "Sign in", new_session_path(:user, redirect_to_referer: 'yes'), class: 'btn btn-sign-in btn-success'
 
-
       %h1.title= title
 
-      .dropdown
-        %button.global-dropdown-toggle{ href: '#', 'data-toggle' => 'dropdown' }
-          %span.sr-only Toggle navigation
-          = icon('bars')
-        .dropdown-menu-nav
-          %ul
-            - if current_user
-              = render 'layouts/nav/dashboard'
-            - else
-              = render 'layouts/nav/explore'
-
       .header-logo
         = link_to root_path, class: 'home', title: 'Dashboard', id: 'logo' do
           = brand_header_logo