Better selection of radio buttons

Author: mbillow

conditional/templates/co_op.html

@@ -15,7 +15,7 @@ <h3 class="page-title">Co-Op Submission</h3>
                     <form data-module="coopSubmitForm">
                         <div class="co-op-group">
                             <div class="col-xs-12 col-sm-6">
-                                <div class="radio">
+                                <div class="radio co-op-radio">
                                     <label>
                                         <input type="radio" name="semester" id="fall" value="Fall">
                                         <div class="co-op-option">
@@ -26,7 +26,7 @@ <h4 class="list-group-item-heading">Fall Semester</h4>
                                 </div>
                             </div>
                             <div class="col-xs-12 col-sm-6">
-                                <div class="radio">
+                                <div class="radio co-op-radio">
                                     <label>
                                         <input type="radio" name="semester" id="spring" value="Spring">
                                         <div class="co-op-option">
@@ -40,7 +40,8 @@ <h4 class="list-group-item-heading">Spring Semester</h4>
                         <input type="submit" role="button" class="btn btn-raised btn-primary" style="width:100%;" value="Submit Form"/>
                     </form>
                     {% else %}
-                    <p class="align-center">Thanks for submitting this form. Good luck on your {{on_coop.semester}} co-op!</p>
+                    <p class="align-center">Thank you for submitting this form. Good luck on your {{on_coop.semester}} co-op!</p>
+                    <p class="align-center">If you submitted this form by mistake or your plans have changed, please contact the Evaluations Director.</p>
                     {% endif %}
                 </div>
             </div>

frontend/stylesheets/pages/_co-op.scss

@@ -10,9 +10,11 @@
   padding-left: 10px;
 }
 
-.radio-inline input[type='radio'],
-.radio input[type='radio'],
-input[type='radio'] {
-  position: fixed;
-  margin-top: 20px;
+.co-op-radio {
+  input {
+    &[type='radio'] {
+      position: fixed;
+      margin-top: 20px;
+    }
+  }
 }