From 4ff95ba7275338798a824da2bead9b07e685731b Mon Sep 17 00:00:00 2001
From: Doug Le Tough <doug.letough@free.fr>
Date: Sat, 25 Nov 2017 22:17:01 +0100
Subject: [PATCH] "More air around action buttons"

---
 tetawebapp/static/styles/tetawebapp.css | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/tetawebapp/static/styles/tetawebapp.css b/tetawebapp/static/styles/tetawebapp.css
index b24086a..47a12c5 100644
--- a/tetawebapp/static/styles/tetawebapp.css
+++ b/tetawebapp/static/styles/tetawebapp.css
@@ -193,14 +193,12 @@ input.refresh,
 input.save,
 input.search,
 input.trash {
-  width: 16px;
-  height: 16px;
+  width: 20px;
+  height: 20px;
   margin: 0;
   padding: 0;
   border-radius: 2px;
   border-style: none;
-  background-repeat: no-repeat;
-  background-position: center center;
 }
 
 input.add:hover,
@@ -211,31 +209,50 @@ input.refresh:hover,
 input.save:hover,
 input.search:hover,
 input.trash:hover {
+  border-color: var(--text-color);
+  border-style: solid;
+  border-width: 1px;
   background-color: var(--coloured-bg);
   cursor: pointer;
 }
 
 input.add {
   background: var(--add_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 input.edit {
   background: var(--edit_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 input.login {
   background: var(--login_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 input.logout {
   background: var(--logout_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 input.refresh {
   background: var(--refresh_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 input.save {
   background: var(--save_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 input.search {
   background: var(--search_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 input.trash {
   background: var(--trash_icon);
+  background-repeat: no-repeat;
+  background-position: center center;
 }