From 3de23116ec0d81a4313f85609d82e9b49729e9b9 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Thu, 26 Oct 2017 16:09:28 -0500
Subject: [PATCH] fix(nav buttons): update nav buttons to pushy

---
 app/app.global.scss                       | 1 -
 app/components/ChannelForm/StepThree.scss | 2 +-
 app/components/ChannelForm/StepTwo.scss   | 2 +-
 app/components/Nav/Nav.js                 | 4 ++--
 app/components/Nav/Nav.scss               | 7 -------
 5 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/app/app.global.scss b/app/app.global.scss
index af1dc76c..df38cff3 100644
--- a/app/app.global.scss
+++ b/app/app.global.scss
@@ -90,7 +90,6 @@ body {
   transition: none;
   position: relative;
   color: white;
-  margin-bottom: 5px;
 
   &:active {
    transform: translate(0px, 3px);
diff --git a/app/components/ChannelForm/StepThree.scss b/app/components/ChannelForm/StepThree.scss
index ad8815c7..f1591a38 100644
--- a/app/components/ChannelForm/StepThree.scss
+++ b/app/components/ChannelForm/StepThree.scss
@@ -50,7 +50,7 @@
     width: 30px;
     height: 200px;
     font-size: 100px;
-    font-weight: 100;
+    font-weight: 200;
     border: none;
     outline: 0;
     -webkit-appearance: none;
diff --git a/app/components/ChannelForm/StepTwo.scss b/app/components/ChannelForm/StepTwo.scss
index ad8815c7..f1591a38 100644
--- a/app/components/ChannelForm/StepTwo.scss
+++ b/app/components/ChannelForm/StepTwo.scss
@@ -50,7 +50,7 @@
     width: 30px;
     height: 200px;
     font-size: 100px;
-    font-weight: 100;
+    font-weight: 200;
     border: none;
     outline: 0;
     -webkit-appearance: none;
diff --git a/app/components/Nav/Nav.js b/app/components/Nav/Nav.js
index 3fe72ff0..bc1d4395 100644
--- a/app/components/Nav/Nav.js
+++ b/app/components/Nav/Nav.js
@@ -42,10 +42,10 @@ const Nav = ({ openPayForm, openRequestForm }) => (
       </NavLink>
     </ul>
     <div className={styles.buttons}>
-      <div className={styles.button} onClick={openPayForm}>
+      <div className={`buttonPrimary ${styles.button}`} onClick={openPayForm}>
         <span>Pay</span>
       </div>
-      <div className={styles.button} onClick={openRequestForm}>
+      <div className={`buttonPrimary ${styles.button}`} onClick={openRequestForm}>
         <span>Request</span>
       </div>
     </div>
diff --git a/app/components/Nav/Nav.scss b/app/components/Nav/Nav.scss
index ea9aee2c..1d20ed8d 100644
--- a/app/components/Nav/Nav.scss
+++ b/app/components/Nav/Nav.scss
@@ -185,18 +185,11 @@
 }
 
 .button {
-	text-align: center;
-	background: $main;
 	margin-bottom: 20px;
-	padding: 20px 10px;
 	font-weight: bold;
 	cursor: pointer;
 	text-transform: uppercase;
 	letter-spacing: .2px;
-
-	&:hover {
-		background: lighten($main, 5%);
-	}
 }
 
 .content {