Force control sidebar to slide over content on small screens

build/less/control-sidebar.less

@@ -48,10 +48,12 @@
   .control-sidebar {
     .translate(0,0);
   }
-  .content-wrapper,
-  .right-side,
-  .main-footer {
-    margin-right: @control-sidebar-width;
+  @media(min-width: @screen-sm) {
+    .content-wrapper,
+    .right-side,
+    .main-footer {
+      margin-right: @control-sidebar-width;
+    }
   }
 }
 

build/less/navs.less

@@ -16,7 +16,8 @@
     }
   }
   > li.active > a,
-  > li.active > a:hover {
+  > li.active > a:hover,
+  > li.active > a:focus {
     background-color: #f4f4f4;
     border-top-color: @light-blue;
     color: #444;

dist/css/AdminLTE.css

@@ -684,10 +684,12 @@ a:focus {
   -o-transform: translate(0, 0);
   transform: translate(0, 0);
 }
-.control-sidebar-open .content-wrapper,
-.control-sidebar-open .right-side,
-.control-sidebar-open .main-footer {
-  margin-right: 230px;
+@media (min-width: 768px) {
+  .control-sidebar-open .content-wrapper,
+  .control-sidebar-open .right-side,
+  .control-sidebar-open .main-footer {
+    margin-right: 230px;
+  }
 }
 .control-sidebar-tabs {
   border-bottom: #1c2529;
@@ -2248,7 +2250,8 @@ a:focus {
   margin-right: 5px;
 }
 .nav-pills > li.active > a,
-.nav-pills > li.active > a:hover {
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
   background-color: #f4f4f4;
   border-top-color: #3c8dbc;
   color: #444;