Force control sidebar to slide over content on small screens

build/less/control-sidebar.less

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

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,11 +684,13 @@ a:focus {
   -o-transform: translate(0, 0);
   transform: translate(0, 0);
 }
+@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;