From 922ad6edcbd65727078ff9303aa28a0afe65e8a8 Mon Sep 17 00:00:00 2001
From: Faustino Kialungila <faustino.kialungila@gmail.com>
Date: Sat, 4 Jan 2020 15:32:23 +0100
Subject: [PATCH] Improve Buttons UX

---
 src/styles.css | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index e88e41516..11c469d34 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -51,6 +51,9 @@ body {
   border-radius: 3px;
 }
 
+.tool input[type="radio"]:hover + .toolIcon {
+  background-color: #e7e5e5;
+}
 .tool input[type="radio"]:checked + .toolIcon {
   background-color: #bdbebc;
 }
@@ -67,6 +70,10 @@ input[type="number"] {
   width: 30px;
 }
 
+input[type="color"] {
+  margin: 2px;
+}
+
 input {
   margin-right: 5px;
 }
@@ -75,8 +82,19 @@ button {
   background-color: #ddd;
   border: 1px solid #ccc;
   border-radius: 4px;
-
+  margin: 2px 0;
   padding: 5px;
+  outline: none;
+}
+
+button:hover {
+  background-color: #e7e5e5;
+  border-color: #d6d4d4;
+}
+
+button:active {
+  background-color: #bdbebc;
+  border-color: #bdbebc;
 }
 
 button:disabled {