From ee7afcbe9e97e39fe96234302654fa85ee8d4eb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Wed, 23 Mar 2016 22:40:48 +0100
Subject: [PATCH] ux() some final tweaks

---
 public/sass/components/_switch.scss | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/public/sass/components/_switch.scss b/public/sass/components/_switch.scss
index c43ef01794d..fd4a77ca3af 100644
--- a/public/sass/components/_switch.scss
+++ b/public/sass/components/_switch.scss
@@ -47,10 +47,18 @@ $switch-height: 1.5rem;
   }
 
   &:hover {
-    input + label:before, input + label:after {
+    input + label:before {
+      @include buttonBackground($input-bg, lighten($input-bg, 5%));
+      color: $text-color;
+      text-shadow: 1px 1px 4px rgb(45, 45, 45);
+    }
+
+    input + label:after {
       @include buttonBackground($input-bg, lighten($input-bg, 5%));
       color: lighten(#FF8600, 10%);
+      text-shadow: 1px 1px 4px rgb(25, 25, 25);
     }
+
   }
 
   input + label:before {
@@ -63,7 +71,7 @@ $switch-height: 1.5rem;
     color: darken($text-color-weak, 10%);
     transition: transform 0.4s;
     backface-visibility: hidden;
-    text-shadow: 0px 0px 5px rgb(45, 45, 45);
+    text-shadow: 1px 1px 4px rgb(45, 45, 45);
   }
 
   input + label:after {
@@ -72,7 +80,7 @@ $switch-height: 1.5rem;
     //content: "\f00c";
     content: "\f046"; // check-square-o
     color: #FF8600;
-    text-shadow: 0px 0px 5px rgb(45, 45, 45);
+    text-shadow: 1px 1px 4px rgb(25, 25, 25);
 
     font-family: 'FontAwesome';
     transition: transform 0.4s;