PLT-3010 - Updating system console (#3146)

* Updating system console

* Updating system console stuff

* Updating ldap settings

webapp/sass/components/_buttons.scss

@@ -15,6 +15,18 @@
         }
     }
 
+    &.btn-default {
+        background: alpha-color($black, .7);
+        color: $white;
+
+        &:hover,
+        &:focus,
+        &:active {
+            background: alpha-color($black, .8);
+            color: $white;
+        }
+    }
+
     &.btn-danger {
         color: $white;
 

webapp/sass/routes/_admin-console.scss

@@ -103,8 +103,8 @@
         }
 
         .help-text {
-            color: #777;
-            margin: 10px 0 0 15px;
+            color: alpha-color($black, .5);
+            margin: 10px 0 0;
 
             &.no-margin {
                 margin: 0;
@@ -261,10 +261,11 @@
     }
 
     .nav-pills__container {
-        background: #111;
         @include font-smoothing(initial);
-        height: calc(100% - 80px);
+        background: #111;
+        height: calc(100% - 50px);
         margin-top: 1px;
+        padding-bottom: 20px;
         position: relative;
     }
 
@@ -291,6 +292,23 @@
         > .sidebar-section-title {
             position: relative;
         }
+
+        .nav__sub-menu {
+            margin-bottom: 7px;
+        }
+    }
+
+    .sections {
+        &.sections--settings {
+            .sidebar-section-title {
+                text-transform: uppercase;
+
+                &:hover,
+                &:focus {
+                    color: alpha-color($white, .5);
+                }
+            }
+        }
     }
 
     .sidebar-section-title {
@@ -303,7 +321,8 @@
 
     .sidebar-section-title,
     .sidebar-subsection-title {
-        color: #bbb;
+        @include clearfix;
+        color: alpha-color($white, .5);
         display: block;
         font-size: 13px;
         position: relative;
@@ -318,8 +337,14 @@
         }
 
         &--active {
+            background: alpha-color($white, .1);
             color: $white;
-            font-weight: 600;
+
+            &:hover,
+            &:focus {
+                background: alpha-color($white, .1);
+                color: $white;
+            }
 
             &:after {
                 -moz-osx-font-smoothing: grayscale;