Merge pull request #428 from OpenTechFund/fix/263-review-form-spacing

add spacing above score-able form selects

opentech/apply/review/templates/review/review_form.html

@@ -10,7 +10,7 @@
 
 <div class="wrapper wrapper--medium wrapper--inner-space-medium">
 {% if not has_submitted_review %}
-    <form class="form form--with-p-tags" action="" method="post" novalidate>
+    <form class="form form--with-p-tags form--scoreable" action="" method="post" novalidate>
         {{ form.media }}
         {% csrf_token %}
 
@@ -45,7 +45,7 @@
                 {{ field }}
             {% endif %}
         {% endfor %}
-        <input class="button button--primary" type="submit" value="Submit Review" name="submit" />
+        <input class="button button--primary button--bottom-space" type="submit" value="Submit Review" name="submit" />
         {% if not object.id or object.is_draft %}
             <input class="button button--secondary button--white" type="submit" value="Save Draft" name="{{ form.draft_button_name }}" />
         {% endif %}

opentech/static_src/src/sass/apply/components/_form.scss

@@ -175,12 +175,16 @@
     }
 
     &__select {
-        max-width: 100%;
+        max-width: 385px;
         background: url('./../../images/dropdown.svg') $color--white no-repeat 95% center;
         background-size: 8px;
 
-        @include media-query(tablet-portrait) {
-            max-width: 385px;
+        .form--scoreable & {
+            margin-top: 20px;
+        }
+
+        .form__filters & {
+            max-width: 100%;
         }
 
         select[multiple='multiple'] {
@@ -258,7 +262,6 @@
                 content: '';
             }
         }
-
     }
 
     // make date & time input siblings inline