Adding a stop button

1 files changed, 9 insertions, 2 deletions

diff --git a/design/design.css b/design/design.css
index b6047d8..ddf597b 100644
--- a/design/design.css
+++ b/design/design.css
@@ -34,13 +34,15 @@ h1 {
 
 .block {
   display: inline-block;
-  background-color: #DDDDDD;
+  background-color: #EEEEEE;
   text-align: center;
   height: 50px;
+  margin-right: 5px;
+  border-radius: 2px;
 }
 
 .timer.isRunning > .name {
-  background-color: green;
+  color: #33AA22;
 }
 
 .timer > button.name {
@@ -52,8 +54,13 @@ h1 {
   width: 100px;
 }
 
+.timer > button.stop {
+  border: none;
+}
+
 .timer > button.remove {
   border: none;
+  color: #AA2222;
 }
 
 .timer:not(last-child) {