1 files changed, 20 insertions, 1 deletions
diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss
index dca4dbb9f7d..63996ea44f6 100644
--- a/app/assets/stylesheets/framework/header.scss
+++ b/app/assets/stylesheets/framework/header.scss
@@ -3,7 +3,7 @@
  *
  */
 header {
-  transition: padding $sidebar-transition-duration;
+  transition-duration: .3s;
 
   &.navbar-empty {
     height: $header-height;
@@ -79,9 +79,14 @@ header {
 
     &.header-collapsed {
       padding: 0 16px;
+
+      .side-nav-toggle {
+        display: block;
+      }
     }
 
     .side-nav-toggle {
+      display: none;
       position: absolute;
       left: -10px;
       margin: 6px 0;
@@ -103,7 +108,9 @@ header {
   .header-content {
     position: relative;
     height: $header-height;
+    padding-right: 40px;
     padding-left: 30px;
+    transition-duration: .3s;
 
     @media (min-width: $screen-sm-min) {
       padding-right: 0;
@@ -191,6 +198,18 @@ header {
   }
 }
 
+.header-collapsed {
+  margin-left: 0;
+
+  .header-content {
+
+    @media (min-width: $screen-sm-max) {
+      padding-left: 30px;
+      transition-duration: .3s;
+    }
+  }
+}
+
 .tanuki-shape {
   transition: all 0.8s;