Fix mobile styles

app/assets/stylesheets/framework/contextual-sidebar.scss

@@ -313,16 +313,12 @@
 
 // Collapsed nav
 
-.toggle-button-container {
+.toggle-sidebar-button,
+.close-nav-button {
   width: $contextual-sidebar-width - 2px;
   transition: width, $sidebar-transition-duration;
   position: fixed;
   bottom: 0;
-  left: 0;
-}
-
-.toggle-sidebar-button,
-.close-nav-button {
   padding: 16px;
   background-color: $gray-light;
   border: 0;
@@ -386,12 +382,9 @@
     margin-right: 0;
   }
 
-  .toggle-button-container {
-    width: $contextual-sidebar-collapsed-width - 2px;
-  }
-
   .toggle-sidebar-button {
     padding: 16px;
+    width: $contextual-sidebar-collapsed-width - 2px;
 
     .collapse-text,
     .icon-angle-double-left {

app/views/shared/_sidebar_toggle_button.html.haml

-.toggle-button-container
-  %a.toggle-sidebar-button.js-toggle-sidebar{ role: "button", type: "button", title: "Toggle sidebar" }
-    = sprite_icon('angle-double-left', css_class: 'icon-angle-double-left')
-    = sprite_icon('angle-double-right', css_class: 'icon-angle-double-right')
-    .collapse-text Collapse sidebar
+%a.toggle-sidebar-button.js-toggle-sidebar{ role: "button", type: "button", title: "Toggle sidebar" }
+  = sprite_icon('angle-double-left', css_class: 'icon-angle-double-left')
+  = sprite_icon('angle-double-right', css_class: 'icon-angle-double-right')
+  %span.collapse-text Collapse sidebar
 
-  = button_tag class: 'close-nav-button', type: 'button' do
-    = sprite_icon('close', size: 16)
-    .collapse-text Close sidebar
+= button_tag class: 'close-nav-button', type: 'button' do
+  = sprite_icon('close', size: 16)
+  %span.collapse-text Close sidebar