Fix remaining media queries using correct bs paradigms.

app/assets/stylesheets/framework/sidebar.scss

@@ -206,9 +206,9 @@
   padding-left: $sidebar_width;
 
   &.right-sidebar-collapsed {
-    @media (max-width: $screen-sm-max) {
+    /* Extra small devices (phones, less than 768px) */
     padding-right: 0;
-    }
+    /* Small devices (tablets, 768px and up) */
     @media (min-width: $screen-sm-min) {
       padding-right: $sidebar_collapsed_width;
     }
@@ -237,9 +237,9 @@
   padding-left: $sidebar_collapsed_width;
 
   &.right-sidebar-collapsed {
-    @media (max-width: $screen-sm-max) {
+    /* Extra small devices (phones, less than 768px) */
     padding-right: 0;
-    }
+    /* Small devices (tablets, 768px and up) */
     @media (min-width: $screen-sm-min) {
       padding-right: $sidebar_collapsed_width;
     }
@@ -309,10 +309,10 @@
 }
 
 .page-sidebar-collapsed {
-  @media (max-width: $screen-sm-max) {
+  /* Extra small devices (phones, less than 768px) */
   @include collapsed-sidebar;
   padding-right: 0;
-  }
+  /* Small devices (tablets, 768px and up) */
   @media (min-width: $screen-sm-min) {
     @include collapsed-sidebar;
   }

app/assets/stylesheets/pages/issuable.scss

@@ -183,10 +183,9 @@
   }
 
   &.right-sidebar-collapsed {
-
-    @media (max-width: $screen-sm-max) {
+    /* Extra small devices (phones, less than 768px) */
     display: none;
-    }
+    /* Small devices (tablets, 768px and up) */
     @media (min-width: $screen-sm-min) {
       display: block
     }