From 7dbd9dab4f3f7ab3f186cdfee09b13275a908aa7 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Tue, 21 Nov 2017 13:26:44 -0600
Subject: [PATCH] fix(request button): give request form pushy buttons

---
 app/components/Form/RequestForm.js   |  2 +-
 app/components/Form/RequestForm.scss | 18 +++++-------------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/app/components/Form/RequestForm.js b/app/components/Form/RequestForm.js
index 5bf43bd1..0f793e45 100644
--- a/app/components/Form/RequestForm.js
+++ b/app/components/Form/RequestForm.js
@@ -38,7 +38,7 @@ const RequestForm = ({
       />
     </section>
     <section className={styles.buttonGroup}>
-      <div className={styles.button} onClick={onRequestSubmit}>
+      <div className={`buttonPrimary ${styles.button}`} onClick={onRequestSubmit}>
           Request
       </div>
     </section>
diff --git a/app/components/Form/RequestForm.scss b/app/components/Form/RequestForm.scss
index 06899c57..f81caaa5 100644
--- a/app/components/Form/RequestForm.scss
+++ b/app/components/Form/RequestForm.scss
@@ -89,20 +89,12 @@
   overflow: hidden;
 
   .button {
-    cursor: pointer;
-    height: 55px;
-    min-height: 55px;
-    text-transform: none;
-    font-size: 18px;
-    transition: opacity .2s ease-out;
-    background: $main;
-    color: $white;
-    border: none;
-    font-weight: 500;
-    padding: 0;
     width: 100%;
-    text-align: center;
-    line-height: 55px;
+    margin-bottom: 20px;
+    font-weight: bold;
+    cursor: pointer;
+    text-transform: uppercase;
+    letter-spacing: .2px;
 
     &:first-child {
       border-right: 1px solid lighten($main, 20%);