Reduce width of side nav

2 files changed, 8 insertions, 5 deletions

diff --git a/app/assets/stylesheets/framework/sidebar.scss b/app/assets/stylesheets/framework/sidebar.scss
index bd91f51708c..a509ef2f149 100644
--- a/app/assets/stylesheets/framework/sidebar.scss
+++ b/app/assets/stylesheets/framework/sidebar.scss
@@ -63,7 +63,7 @@
       float: left;
       height: $header-height;
       width: 100%;
-      padding-left: 22px;
+      padding-left: 16px;
       overflow: hidden;
       outline: none;
       transition-duration: .3s;
@@ -78,7 +78,7 @@
       }
 
       .gitlab-text-container {
-        width: 230px;
+        width: 220px;
 
         h3 {
           width: 158px;
@@ -146,12 +146,12 @@
 
     a {
       padding: 7px 15px;
+      transition-duration: .3s;
       font-size: $gl-font-size;
       line-height: 24px;
       color: $gray;
       display: block;
       text-decoration: none;
-      padding-left: 23px;
       font-weight: normal;
       outline: none;
 
@@ -253,6 +253,9 @@
         width: auto;
 
         a {
+          padding-left: 23px;
+          transition-duration: .3s;
+
           span {
             display: none;
           }
@@ -312,7 +315,7 @@
     }
 
     .nav-sidebar li a {
-      width: 230px;
+      width: 220px;
 
       &.back-link {
         i {
diff --git a/app/assets/stylesheets/framework/variables.scss b/app/assets/stylesheets/framework/variables.scss
index 84e74db06b0..5fa4c266607 100644
--- a/app/assets/stylesheets/framework/variables.scss
+++ b/app/assets/stylesheets/framework/variables.scss
@@ -2,7 +2,7 @@
  * Layout
  */
 $sidebar_collapsed_width: 62px;
-$sidebar_width: 230px;
+$sidebar_width: 220px;
 $gutter_collapsed_width: 62px;
 $gutter_width: 290px;
 $gutter_inner_width: 258px;