From 52592a12922f761ce1cc0dc8bb6e92fc5de01ff9 Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Thu, 19 Feb 2015 16:32:36 -0200
Subject: #239 Adding hover effect for the logout input

---
 web-ui/app/scss/styles.scss | 41 ++++++++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 17 deletions(-)

(limited to 'web-ui/app/scss')

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;
+            }
           }
         }
       }
-- 
cgit v1.2.3