From a0b30ab4cde61ec57ddfa9db4b94f378aaa7cfca Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Tue, 23 Jan 2018 19:10:53 -0600
Subject: [PATCH] fix(addressButton): fix addressButton style

---
 app/components/Wallet/Wallet.js   |  2 +-
 app/components/Wallet/Wallet.scss | 24 +++++++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/app/components/Wallet/Wallet.js b/app/components/Wallet/Wallet.js
index 425e2650..08ec36a1 100644
--- a/app/components/Wallet/Wallet.js
+++ b/app/components/Wallet/Wallet.js
@@ -63,7 +63,7 @@ class Wallet extends Component {
           </div>
           <div className={styles.right}>
             <div className={styles.rightContent}>
-              <div className='buttonPrimary' onClick={() => this.setState({ modalOpen: true })}>
+              <div className={`buttonPrimary ${styles.addressButton}`} onClick={() => this.setState({ modalOpen: true })}>
                 <FaQrcode />
                 Address
               </div>
diff --git a/app/components/Wallet/Wallet.scss b/app/components/Wallet/Wallet.scss
index b2cf35e2..80ff9dd4 100644
--- a/app/components/Wallet/Wallet.scss
+++ b/app/components/Wallet/Wallet.scss
@@ -55,7 +55,29 @@
   flex-direction: row;
   justify-content: flex-end;
   align-items: right;
-  height: calc(100% - 50px);
+
+  .addressButton {
+    box-shadow: none;
+    transition: all 0.25s;
+    padding-top: 12px;
+    padding-bottom: 10px;
+    font-size: 14px;
+
+    &:hover {
+      background: darken($main, 10%);
+    }
+
+    span {
+      display: inline-block;
+      vertical-align: top;
+
+      &:nth-child(1) svg {
+        width: 14px;
+        height: 14px;
+        margin-right: 5px;
+      }
+    }
+  }
 
   div {
     padding: 7px 20px;