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">

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;
+    }
+  }
 }