Hover change block color

1 files changed, 12 insertions, 4 deletions

diff --git a/design/design.css b/design/design.css
index a8a4ab7..e59f36a 100644
--- a/design/design.css
+++ b/design/design.css
@@ -99,6 +99,10 @@
 }
 
 .block:hover {
+  background-color: #E6E6E6;
+}
+
+.block:focus {
   border: 1px solid #AAAAAA;
 }
 
@@ -107,18 +111,22 @@
   box-shadow: 0px 2px #AAAAAA;
 }
 
-.block:focus {
-  border: 1px solid #AAAAAA;
-}
-
 .timer.isRunning > :not(.remove) {
   background-color: #CDE4C2;
 }
 
+.timer.isRunning > :not(.remove):hover {
+  background-color: #BAD4AD;
+}
+
 .timer.isRinging > :not(.remove) {
   background-color: #FED5AE;
 }
 
+.timer.isRinging > :not(.remove):hover {
+  background-color: #F2CAA5;
+}
+
 .timer > button.name {
   width: 300px;
 }