Move phases header close to phases section

app/assets/stylesheets/participation.scss

@@ -1139,6 +1139,8 @@
 .budget-header {
   background: $budget;
   margin-top: -$line-height;
+  padding-bottom: $line-height;
+  padding-top: $line-height;
 
   h1,
   h2,
@@ -1154,19 +1156,6 @@
     text-decoration: underline;
   }
 
-  .callout {
-
-    &.primary a {
-      color: $link;
-    }
-  }
-
-  .button {
-    background: #fff;
-    color: $budget;
-    text-decoration: none;
-  }
-
   .confirmed {
     font-size: rem-calc(24);
     font-weight: bold;
@@ -1182,6 +1171,24 @@
   }
 }
 
+.budget-subheader {
+  @include grid-row;
+  margin-bottom: $line-height;
+  margin-top: $line-height;
+
+  .current-phase {
+    text-transform: uppercase;
+  }
+
+  .button {
+    margin-top: $line-height / 2;
+  }
+
+  .callout {
+    margin-bottom: 0;
+  }
+}
+
 .jumbo-budget {
   background: $budget;
   border-bottom: 1px solid $budget;