1 files changed, 27 insertions, 30 deletions

diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index c3da4604..cd149b9f 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -463,6 +463,23 @@ button {
   }
 }
 
+.fake-left-off-canvas-toggle {
+  color: white;
+  &:hover, &:focus {
+    color: white;
+  }
+  display: block;
+  left: 0;
+  padding: 9px;
+  background: $secondary;
+  top: 0;
+  z-index: 10000;
+  position: relative;
+  &.logout {
+    color: $action_buttons;
+  }
+}
+
 .collapsed-nav {
   width: 50px;
   position: absolute;
@@ -478,21 +495,6 @@ button {
     img {
       padding-top: 1px;
     }
- }
-
-  .left-off-canvas-toggle {
-    color: white;
-    text-align: center;
-    display: block;
-    left: 0;
-    padding: 9px;
-    background: $secondary;
-    top: 0;
-    z-index: 10000;
-    position: relative;
-    &.logout {
-      color: $action_buttons;
-    }
   }
 
   ul.shortcuts {
@@ -601,13 +603,13 @@ display: table; }
 .inner-wrap:after {
 clear: both; }
 
-.off-canvas-wrap.move-right > .inner-wrap.content {
-  -ms-transform: translate(13.88889rem, 0);
-  -webkit-transform: translate3d(13.88889rem, 0, 0);
-  -moz-transform: translate3d(13.88889rem, 0, 0);
-  -ms-transform: translate3d(13.88889rem, 0, 0);
-  -o-transform: translate3d(13.88889rem, 0, 0);
-  transform: translate3d(13.88889rem, 0, 0);
+.off-canvas-wrap.move-right.content > .inner-wrap {
+  -ms-transform: translate(9rem, 0);
+  -webkit-transform: translate3d(9rem, 0, 0);
+  -moz-transform: translate3d(9rem, 0, 0);
+  -ms-transform: translate3d(9rem, 0, 0);
+  -o-transform: translate3d(9rem, 0, 0);
+  transform: translate3d(9rem, 0, 0);
 }
 
 .move-right .exit-off-canvas {
@@ -631,17 +633,12 @@ background: rgba(255, 255, 255, 0.05); } }
   position: absolute;
 }
 
-.off-canvas-wrap.move-right.menu > .inner-wrap.content {
+.off-canvas-wrap.move-right.menu > .inner-wrap {
   transform: translate3d(0, 0, 0);
 }
 
-.off-canvas-wrap .inner-wrap.content {
-  -ms-transform: translate(75px, 0);
-  -webkit-transform: translate3d(75px, 0, 0);
-  -moz-transform: translate3d(75px, 0, 0);
-  -ms-transform: translate3d(75px, 0, 0);
-  -o-transform: translate3d(75px, 0, 0);
-  transform: translate3d(75px, 0, 0);
+.off-canvas-wrap.content {
+  left: 75px;
 }
 
 .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {