From aaa11025636436fa5d55a910682ab021ea90114c Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Sun, 5 Feb 2017 17:15:01 +0800
Subject: [PATCH] =?UTF-8?q?Haare=20sch=C3=B6n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/add-contributor/template.hbs |  2 +-
 app/styles/app.scss                         | 16 ++++++++++++++++
 app/styles/components/_add-contributor.scss | 16 ++++++++++++----
 app/styles/components/_proposal-list.scss   | 14 +-------------
 4 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/app/components/add-contributor/template.hbs b/app/components/add-contributor/template.hbs
index e8f215d..9ef8f6b 100644
--- a/app/components/add-contributor/template.hbs
+++ b/app/components/add-contributor/template.hbs
@@ -20,7 +20,7 @@
             value=address
             class=classAddress}}
   </p>
-  <p>
+  <p class="actions">
     <input type="submit" value="Save">
   </p>
 </form>
diff --git a/app/styles/app.scss b/app/styles/app.scss
index 7e3d30e..9fa25b3 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -67,6 +67,22 @@ section {
   }
 }
 
+button, input[type=submit] {
+  display: inline-block;
+  border: 1px solid rgba(22, 21, 40, 1);
+  background-color: rgba(22, 21, 40, 0.6);
+  color: lightblue;
+  border-radius: 3px;
+  font-weight: 500;
+  text-transform: uppercase;
+  cursor: pointer;
+  letter-spacing: 0.1em;
+
+  &:hover {
+    background-color: rgba(22, 21, 40, 0.8);
+  }
+}
+
 @import "components/loading-spinner";
 @import "components/contributor-list";
 @import "components/add-contributor";
diff --git a/app/styles/components/_add-contributor.scss b/app/styles/components/_add-contributor.scss
index 5ca7c24..fb6f754 100644
--- a/app/styles/components/_add-contributor.scss
+++ b/app/styles/components/_add-contributor.scss
@@ -3,23 +3,31 @@ section#add-contributor {
   form {
 
     p {
-      margin-bottom: 1.2rem;
+      margin-bottom: 1rem;
+
+      &.actions {
+        padding-top: 1rem;
+        text-align: center;
+      }
     }
 
     input[type=text] {
       width: 100%;
-      padding: 1.2rem;
-      line-height: 2rem;
+      padding: 1rem;
       border: none;
       border-bottom: 1px solid rgba(255,255,255,0.2);
       background-color: rgba(22, 21, 40, 0.3);
       color: #fff;
-      font-size: 1.4rem;
+      font-size: 1.2rem;
       &:focus, &.valid {
         background-color: rgba(22, 21, 40, 0.6);
       }
     }
 
+    input[type=submit] {
+      padding: 0.6rem 2rem;
+    }
+
   }
 
 }
diff --git a/app/styles/components/_proposal-list.scss b/app/styles/components/_proposal-list.scss
index a4388be..8c7a1aa 100644
--- a/app/styles/components/_proposal-list.scss
+++ b/app/styles/components/_proposal-list.scss
@@ -36,23 +36,11 @@ ul.proposal-list {
     }
 
     button {
-      display: inline-block;
       float: right;
+      margin-top: 1.1rem;
       height: 2rem;
       line-height: 2rem;
-      margin-top: 1.1rem;
       padding: 0 0.6rem;
-      border: 1px solid rgba(22, 21, 40, 1);
-      background-color: rgba(22, 21, 40, 0.6);
-      color: lightblue;
-      border-radius: 3px;
-      font-weight: 500;
-      text-transform: uppercase;
-      cursor: pointer;
-
-      &:hover {
-        background-color: rgba(22, 21, 40, 0.8);
-      }
     }
   }