Refactor layout and button styles

* Add single-column layout for forms
* Add optional nav/buttons to section headers

app/styles/_buttons.scss

@@ -1,4 +1,4 @@
-button, input[type=submit] {
+button, input[type=submit], .button {
   display: inline-block;
   padding: 0.6rem 2rem;
   background-color: rgba(22, 21, 40, 0.6);
@@ -6,6 +6,7 @@ button, input[type=submit] {
   border-radius: 3px;
   color: $primary-color;
   font-weight: 500;
+  text-decoration: none;
   text-transform: uppercase;
   cursor: pointer;
   letter-spacing: 0.1em;
@@ -22,9 +23,20 @@ button, input[type=submit] {
   &.danger {
     color: $red;
     background-color: rgba(40, 21, 21, 0.6);
+    border-color: rgba(40, 21, 21, 1);
 
     &:hover {
       background-color: rgba(40, 21, 21, 0.8);
     }
   }
+
+  &.green {
+    color: $green;
+    background-color: rgba(21, 40, 21, 0.6);
+    border-color: rgba(21, 40, 21, 1);
+
+    &:hover {
+      background-color: rgba(21, 40, 21, 0.8);
+    }
+  }
 }

app/styles/_forms.scss

@@ -5,10 +5,10 @@ section#add-proposal {
   form {
 
     p {
-      margin-bottom: 1rem;
+      margin-bottom: 1.5rem;
 
       &.actions {
-        padding-top: 1rem;
+        padding-top: 1.5rem;
         text-align: center;
         a {
           color: $primary-color;

app/styles/_layout.scss

@@ -13,6 +13,21 @@ main {
       "stats"
       "contributions";
   }
+
+  &.center-column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    section {
+      width: 600px;
+      max-width: 100%;
+
+      header {
+        text-align: center;
+      }
+    }
+  }
 }
 
 @media (min-width: 550px) {
@@ -39,11 +54,35 @@ main section {
   }
 
   header {
-    padding-bottom: 3rem;
-    text-align: center;
+    margin-bottom: 3rem;
+
+    &.with-nav {
+      display: grid;
+      grid-template-columns: auto 5rem;
+      grid-template-areas:
+        "title" "actions";
+
+      @include media-min(medium) {
+        grid-template-columns: auto 5rem 1.2rem;
+        grid-template-areas:
+          "title" "actions" "padding";
+      }
+    }
+
+    h2 {
+      display: inline-block;
+      // padding-left: 1.2rem;
+    }
+
+    nav {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: flex-end;
+    }
 
     @include media-max(small) {
-      padding-bottom: 2rem;
+      margin-bottom: 2rem;
     }
   }
 }