Merge pull request #214 from LN-Zap/fix/address-button

fix(addressButton): fix addressButton style

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>

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;

app/main.dev.js

@@ -128,7 +128,7 @@ const sendLndSynced = () => {
 // Starts the LND node
 const startLnd = () => {
   let lndPath
-  
+
   if (process.env.NODE_ENV === 'development') {
     lndPath = path.join(__dirname, '..', 'resources', 'bin', plat, plat === 'win32' ? 'lnd.exe' : 'lnd')
   } else {