From 0899280112aa50287c4326cc66da5bf1c73058a7 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Mon, 28 Sep 2015 10:07:36 +0500
Subject: PLT-441 - Minor Ui touches to the admin console

---
 web/react/components/admin_console/admin_sidebar.jsx | 10 ++++++++++
 web/sass-files/sass/partials/_admin-console.scss     | 11 +++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

(limited to 'web')

diff --git a/web/react/components/admin_console/admin_sidebar.jsx b/web/react/components/admin_console/admin_sidebar.jsx
index cebb3ff20..4b9ff3cb8 100644
--- a/web/react/components/admin_console/admin_sidebar.jsx
+++ b/web/react/components/admin_console/admin_sidebar.jsx
@@ -138,6 +138,8 @@ export default class AdminSidebar extends React.Component {
                                         <span>{'SETTINGS'}</span>
                                     </h4>
                                 </li>
+                            </ul>
+                            <ul className='nav nav__sub-menu padded'>
                                 <li>
                                     <a
                                         href='#'
@@ -219,6 +221,8 @@ export default class AdminSidebar extends React.Component {
                                         {'GitLab Settings'}
                                     </a>
                                 </li>
+                            </ul>
+                            <ul className='nav nav__sub-menu'>
                                  <li>
                                     <h4>
                                         <span className='icon fa fa-gear'></span>
@@ -233,15 +237,21 @@ export default class AdminSidebar extends React.Component {
                                         </span>
                                     </h4>
                                 </li>
+                            </ul>
+                            <ul className='nav nav__sub-menu padded'>
                                 <li>
                                     {teams}
                                 </li>
+                            </ul>
+                            <ul className='nav nav__sub-menu'>
                                 <li>
                                     <h4>
                                         <span className='icon fa fa-gear'></span>
                                         <span>{'OTHER'}</span>
                                     </h4>
                                 </li>
+                            </ul>
+                            <ul className='nav nav__sub-menu padded'>
                                 <li>
                                     <a
                                         href='#'
diff --git a/web/sass-files/sass/partials/_admin-console.scss b/web/sass-files/sass/partials/_admin-console.scss
index e0019eb9b..11794a269 100644
--- a/web/sass-files/sass/partials/_admin-console.scss
+++ b/web/sass-files/sass/partials/_admin-console.scss
@@ -1,5 +1,5 @@
-.sidebar--left {
-    &.sidebar--collapsable {
+
+.sidebar--left {    &.sidebar--collapsable {
         background: #333;
         .team__header {
             background: transparent;
@@ -9,7 +9,7 @@
             li {
                 padding: 0;
                 .icon {
-                    width: 15px;
+                    width: 17px;
                 }
                 > a {
                     color: #fff;
@@ -22,7 +22,7 @@
                 > h4 {
                     background: #333;
                     padding: 10px 10px;
-                    margin-top: 1px;
+                    margin: 1px 0 0;
                 }
             }
             .menu-icon--right {
@@ -40,6 +40,9 @@
             &.nav__sub-menu {
                 background: #111;
                 -webkit-font-smoothing: auto;
+                &.padded {
+                    padding: 5px 0;
+                }
                 li {
                     > a {
                         font-size: 13px;
-- 
cgit v1.2.3-1-g7c22