From e689d9fb70d7484de708f8f436b294b40a9f6486 Mon Sep 17 00:00:00 2001
From: Annabel Dunstone <annabel.dunstone@gmail.com>
Date: Tue, 10 May 2016 16:32:59 -0500
Subject: Reduce width of side nav

---
 app/assets/stylesheets/framework/sidebar.scss   | 11 +++++++----
 app/assets/stylesheets/framework/variables.scss |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

(limited to 'app/assets/stylesheets')

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;
-- 
cgit v1.2.1