From 07d7f196a6d4a628f4e2629a0739e06d3c3c1449 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Thu, 25 Jan 2018 18:00:03 -0500
Subject: [PATCH] styling buttons

---
 src/app/vault/add.component.html     | 8 ++++++--
 src/app/vault/ciphers.component.html | 4 +++-
 src/app/vault/view.component.html    | 2 +-
 src/locales/en/messages.json         | 3 +++
 src/scss/styles.scss                 | 7 ++++++-
 5 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/app/vault/add.component.html b/src/app/vault/add.component.html
index 5c9a2e3aefd..09b27c48fae 100644
--- a/src/app/vault/add.component.html
+++ b/src/app/vault/add.component.html
@@ -163,8 +163,12 @@
     </div>
 </div>
 <div class="footer">
-    <button (click)="save()" class="primary"><i class="fa fa-save fa-lg"></i> {{'save' | i18n}}</button>
-    <button (click)="cancel()">{{'cancel' | i18n}}</button>
+    <button (click)="save()" class="primary" title="{{'save' | i18n}}">
+        <i class="fa fa-save fa-lg"></i> {{'save' | i18n}}
+    </button>
+    <button (click)="cancel()" title="{{'cancel' | i18n}}">
+        {{'cancel' | i18n}}
+    </button>
     <button (click)="delete()" class="danger right" title="{{'delete' | i18n}}">
         <i class="fa fa-trash-o fa-lg"></i>
     </button>
diff --git a/src/app/vault/ciphers.component.html b/src/app/vault/ciphers.component.html
index b65fa96f578..716560f6f0d 100644
--- a/src/app/vault/ciphers.component.html
+++ b/src/app/vault/ciphers.component.html
@@ -28,5 +28,7 @@
     </div>
 </div>
 <div class="footer">
-    <button (click)="addCipher()" class="block primary"><i class="fa fa-plus fa-lg"></i></button>
+    <button (click)="addCipher()" class="block primary" title="{{'addItem' | i18n}}">
+        <i class="fa fa-plus fa-lg"></i>
+    </button>
 </div>
diff --git a/src/app/vault/view.component.html b/src/app/vault/view.component.html
index fc85682f86b..cbbf1a76f6d 100644
--- a/src/app/vault/view.component.html
+++ b/src/app/vault/view.component.html
@@ -216,5 +216,5 @@
     </div>
 </div>
 <div class="footer">
-    <button (click)="edit()">{{'editItem' | i18n}}</button>
+    <button (click)="edit()" title="{{'editItem' | i18n}}">{{'edit' | i18n}}</button>
 </div>
diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json
index b5a1b6dc134..1b36137307c 100644
--- a/src/locales/en/messages.json
+++ b/src/locales/en/messages.json
@@ -256,5 +256,8 @@
   },
   "favorite": {
     "message": "Favorite"
+  },
+  "edit": {
+    "message": "Edit"
   }
 }
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index d78c37ebf4d..61088e81cda 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -307,10 +307,15 @@ a {
             border-radius: $border-radius;
             padding: 7px 15px;
             border: 1px solid $button-border-color;
-            margin-right: 15px;
+            margin-right: 10px;
             font-size: $font-size-base;
             color: $button-color;
 
+            &:hover {
+                cursor: pointer;
+                background-color: darken($button-backgound-color, 1.5%);
+            }
+
             &.primary {
                 color: $button-color-primary;
             }