Haare schön

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>

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";

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;
+    }
+
   }
 
 }

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);
-      }
     }
   }