From 0c31e9ae31403beb3c390e864f0aae653240868d Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Wed, 12 Dec 2018 13:15:17 +0300
Subject: Button styling

---
 vnext/src/components/Button.css  | 4 ++++
 vnext/src/components/Settings.js | 5 +++--
 2 files changed, 7 insertions(+), 2 deletions(-)

(limited to 'vnext')

diff --git a/vnext/src/components/Button.css b/vnext/src/components/Button.css
index 85c9e652..7394583b 100644
--- a/vnext/src/components/Button.css
+++ b/vnext/src/components/Button.css
@@ -6,4 +6,8 @@
     display: inline-block;
     margin: 5px;
     padding: 4px 10px;
+}
+.Button:hover {
+    background: #f8f8f8;
+    border-bottom: 1px solid #ff339a;
 }
\ No newline at end of file
diff --git a/vnext/src/components/Settings.js b/vnext/src/components/Settings.js
index 62115455..94052b2e 100644
--- a/vnext/src/components/Settings.js
+++ b/vnext/src/components/Settings.js
@@ -164,7 +164,7 @@ export default class Settings extends React.Component {
                         <p>Add account:<br />
                             <input type="text" name="account" />
                             <input type="hidden" name="page" value="email-add" />
-                            <input type="submit" value="  Add  " />
+                            <Button onClick={this.addEmail}>Add</Button>
                         </p>
                     </form>
                     <form>
@@ -178,7 +178,8 @@ export default class Settings extends React.Component {
                                         </label>
                                         <br />
                                         {me.emails.length > 1 &&
-                                            <p><input type="hidden" name="page" value="email-del" /><input type="submit" value="  Delete  " /></p>
+                                            <p><input type="hidden" name="page" value="email-del" />
+                                            <input type="submit" value="  Delete  " /></p>
                                         }
                                     </React.Fragment>
                                 ) : '-'
-- 
cgit v1.2.3