PLT-441 - Minor Ui touches to the admin console

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='#'

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;