#239 Adding hover effect for the logout input

1 files changed, 24 insertions, 17 deletions

diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 952f63cf..9846d326 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -249,7 +249,7 @@ section {
   &#left-pane {
     background-color: $secondary;
     color: white;
-    nav, nav#logout {
+    nav {
       border-right: 1px solid lighten($secondary, 10%);
       ul#default-tag-list, #custom-tag-list {
         li {
@@ -338,22 +338,29 @@ section {
         }
       }
 
-      ul#logout li {
-        color: $action_buttons;
-        background-color: $secondary;
-        padding: 5px 10px;
-        position: relative;
-        @include searching(4px, 19px, #333, 0.7em);
-        
-        div {
-          padding-left: 7px;
-          &:before {
-            font-size: 1.5em;
-            font-family: "FontAwesome";
-            margin-right: 13px;
-            font-weight: normal;
-            position: relative;
-            top: 2px;
+      ul#logout {
+        li {
+          color: $action_buttons;
+          background-color: $secondary;
+          padding: 5px 10px;
+          position: relative;
+          @include searching(4px, 19px, #333, 0.7em);
+
+          &:hover {
+          background-color: $action_buttons;
+          color: $secondary;  
+          }
+          
+          div {
+            padding-left: 7px;
+            &:before {
+              font-size: 1.5em;
+              font-family: "FontAwesome";
+              margin-right: 13px;
+              font-weight: normal;
+              position: relative;
+              top: 2px;
+            }
           }
         }
       }