section improvements, area elements mostly

app/assets/stylesheets/supplier/foundation1/_qsections.css.sass

@@ -67,6 +67,10 @@
       @extend .fa, .fa-image
       span
         padding-left: 7px
+    span.section-add-section-area-icon
+      @extend .fa, .fa-square
+      span
+        padding-left: 7px
   input
     height: auto
     padding-top: 4px

app/assets/stylesheets/supplier/foundation1/_qstructure.css.sass

@@ -53,8 +53,8 @@ body
   margin: 0
 .main-section
   +panel($bg:rgba(200,200,200,0.9))
-  padding-bottom: 72px
   padding: 0
+  padding-bottom: 72px
   margin: 0
   min-height: 100%
 

app/assets/stylesheets/supplier/foundation1/components/_forms.css.sass

@@ -15,7 +15,7 @@
     @media #{$medium-only}
       +grid-column($columns:4, $last-column:true)
     @media #{$large-up}
-      +grid-column($columns: 3, $last-column:true)
+      +grid-column($columns: 4, $last-column:true)
     &.full
       @media #{$small-only}
         +grid-column($columns:10, $center:true, $last-column:true)
@@ -27,6 +27,13 @@
       +grid-column(6)
     .error
       color: $alert-color
+  .form-info
+    @media #{$small-only}
+      +grid-column($columns:10, $center:true)
+    @media #{$medium-only}
+      +grid-column($columns:4, $offset:1)
+    @media #{$large-up}
+      +grid-column(3)
   .error-message
     color: $alert-color
   &.form-actions

app/assets/stylesheets/supplier/foundation1/components/_section_areas.css.sass

@@ -0,0 +1,15 @@
+.section-area-container
+  position: absolute
+  background-color: #aaa
+  text-align: center
+  &.rounded
+    border-radius: 999px
+  .title
+    display: inline-block
+  &.vertical
+    .title
+      transform: rotate(270deg)
+    &.right-half
+      .title
+        transform: rotate(90deg)
+