From f5250f32e7307ccd7ad99f2cedd5a3bf2e747514 Mon Sep 17 00:00:00 2001
From: Christopher Martin <cmartin@thoughtworks.com>
Date: Sun, 21 Aug 2016 21:15:45 +0100
Subject: [PATCH] closes #134

---
 src/client/common/container.scss                |  4 +++-
 src/client/common/inputs.scss                   | 17 ++++-------------
 src/client/nevergreen.scss                      | 15 ++++++++++++++-
 .../tracking/tray/available-projects.scss       |  1 +
 4 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/client/common/container.scss b/src/client/common/container.scss
index 70ae3d40..c6c50162 100644
--- a/src/client/common/container.scss
+++ b/src/client/common/container.scss
@@ -23,6 +23,7 @@
   }
 
   .show-hide {
+    cursor: pointer;
     color: $off-white;
     font-size: 1.2rem;
     display: inline;
@@ -30,7 +31,8 @@
     background: none;
     margin-right: 0.5em;
 
-    &:hover {
+    &:hover,
+    &:focus {
       color: darken($off-white, 10%);
     }
   }
diff --git a/src/client/common/inputs.scss b/src/client/common/inputs.scss
index fa49fbb5..b8257d88 100644
--- a/src/client/common/inputs.scss
+++ b/src/client/common/inputs.scss
@@ -34,22 +34,16 @@
   text-decoration: none;
   background-color: white;
   color: $off-black;
-  outline: none;
 
   &:enabled {
     cursor: pointer;
     transition: background-color 0.1s ease-in, box-shadow 0.1s ease-in;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 
-    &:hover {
-      background-color: darken(white, 5%);
-      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26);
-    }
-
+    &:hover,
     &:focus {
-      background-color: darken(white, 5%);
+      background-color: darken(white, 8%);
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.26);
-      outline: none;
       border-radius: 0;
     }
   }
@@ -69,12 +63,9 @@
   color: $off-white;
 
   &:enabled {
-    &:hover {
-      background-color: darken($blue, 5%);
-    }
-
+    &:hover,
     &:focus {
-      background-color: darken($blue, 5%);
+      background-color: darken($blue, 8%);
     }
   }
 }
diff --git a/src/client/nevergreen.scss b/src/client/nevergreen.scss
index 5c8fc636..2e0f9e11 100644
--- a/src/client/nevergreen.scss
+++ b/src/client/nevergreen.scss
@@ -106,8 +106,21 @@ kbd {
     }
   }
 
-  &:focus {
+  &:focus,
+  &:hover {
     outline: none;
+
+    &::after {
+      border-color: darken($off-white, 8%);
+      background: darken(#fff, 8%);
+    }
+
+    &:checked {
+      &::after {
+        border-color: darken($blue, 8%);
+        background: darken($blue, 8%);
+      }
+    }
   }
 }
 
diff --git a/src/client/tracking/tray/available-projects.scss b/src/client/tracking/tray/available-projects.scss
index f2c06734..6de310aa 100644
--- a/src/client/tracking/tray/available-projects.scss
+++ b/src/client/tracking/tray/available-projects.scss
@@ -28,6 +28,7 @@
 
   .build-items {
     clear: both;
+    list-style: none;
   }
 
   .project-filter {