Open sidebar button on mobile.

app/assets/javascripts/application.js.coffee

@@ -225,8 +225,8 @@ $ ->
           $gutterIcon.closest('a').trigger('click')
 
   $(document)
-    .off 'click', 'aside .gutter-toggle'
-    .on 'click', 'aside .gutter-toggle', (e) ->
+    .off 'click', '.gutter-toggle'
+    .on 'click', '.gutter-toggle', (e) ->
       e.preventDefault()
       $this = $(this)
       $thisIcon = $this.find 'i'

app/assets/stylesheets/framework/sidebar.scss

@@ -199,8 +199,13 @@
   padding-left: $sidebar_width;
 
   &.right-sidebar-collapsed {
+    @media (max-width: $screen-sm-max) {
+      padding-right: 0;
+    }
+    @media (min-width: $screen-sm-min) {
       padding-right: $sidebar_collapsed_width;
     }
+  }
 
   .sidebar-wrapper {
     width: $sidebar_width;
@@ -225,8 +230,13 @@
   padding-left: $sidebar_collapsed_width;
 
   &.right-sidebar-collapsed {
+    @media (max-width: $screen-sm-max) {
+      padding-right: 0;
+    }
+    @media (min-width: $screen-sm-min) {
       padding-right: $sidebar_collapsed_width;
     }
+  }
 
   .sidebar-wrapper {
     width: $sidebar_collapsed_width;
@@ -292,7 +302,13 @@
 }
 
 .page-sidebar-collapsed {
+  @media (max-width: $screen-sm-max) {
     @include collapsed-sidebar;
+    padding-right: 0;
+  }
+  @media (min-width: $screen-sm-min) {
+    @include collapsed-sidebar;
+  }
 }
 
 .page-sidebar-expanded {

app/helpers/issuables_helper.rb

@@ -5,7 +5,7 @@ module IssuablesHelper
   end
 
   def sidebar_gutter_collapsed_class
-    "right-sidebar-#{sidebar_gutter_collapsed? ? 'collapsed' : 'expanded'}"
+    "hidden-xs right-sidebar-#{sidebar_gutter_collapsed? ? 'collapsed' : 'expanded'}"
   end
 
   def issuables_count(issuable)

app/views/projects/issues/show.html.haml

@@ -18,6 +18,9 @@
         %span.hidden-sm.hidden-md.hidden-lg
           =icon('circle-o')
 
+    %a.btn.btn-default.pull-right.hidden-sm.hidden-md.hidden-lg.gutter-toggle{ href: "#" }
+      «
+
     .issue-meta
       %strong.identifier
         Issue ##{@issue.iid}