css-fixes: Additional fixes of CSS from QA

* Proper alignment when MRQ/MCQ choices span over more than one line
* Show disabled submit button upon first load
* Remove extra color from submit button
* Size of feedback title

mentoring/public/css/mentoring.css

@@ -14,7 +14,7 @@
     text-transform: uppercase;
     font-weight: bold;
     font-style: normal;
-    font-size: 0.9em;
+    font-size: 14px;
     margin-bottom: 5px;
 }
 
@@ -86,10 +86,18 @@
     height:33.33px;
 }
 
-.mentoring input[type=button] {
+.mentoring input[type=button],
+.mentoring input[type=button]:focus {
     background-color: #3384ca;
 }
 
-.mentoring input[type=button][disabled], .mentoring input[type=button][disabled]:hover {
+.mentoring input[type=button][disabled],
+.mentoring input[type=button][disabled]:hover,
+.mentoring input[type=button][disabled]:focus {
     background-color: #cccccc;
 }
+
+.mentoring input[type="checkbox"],
+.mentoring input[type="radio"] {
+    margin: 0;
+}

mentoring/public/css/questionnaire.css

@@ -4,17 +4,12 @@
     margin-bottom: 10px;
 }
 
-.mentoring .choices .choice-checkbox {
-    display: inline-block;
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
 .mentoring .questionnaire .choice-result {
     display: inline-block;
     width: 40px;
     vertical-align: middle;
     cursor: pointer;
+    float: left;
 }
 
 .mentoring .questionnaire .choice {
@@ -78,5 +73,9 @@
 }
 
 .mentoring .choice-label {
-    margin-top: 5px;
+    margin-top: 8px;
+    margin-bottom: 5px;
+    padding-left: 70px;
+    text-indent: -22px;
+    line-height: 1.3;
 }

mentoring/templates/html/mentoring.html

@@ -14,7 +14,7 @@
   {% endfor %}
   {% if self.display_submit %}
   <div class="submit">
-    <input type="button" class="input-main" value="Submit"></input>
+    <input type="button" class="input-main" value="Submit" disabled="disabled"></input>
     <div class="attempts" data-max_attempts="{{ self.max_attempts }}" data-num_attempts="{{ self.num_attempts }}"></div>
   </div>
   {% endif %}

mentoring/templates/html/mrqblock_choices.html

@@ -8,15 +8,13 @@
     {% for choice in custom_choices %}
     <div class="choice">
       <div class="choice-result icon-2x"></div>
-      <div class="choice-checkbox">
-        <label class="choice-label">
-          <input class="choice-selector" type="checkbox" name="{{ self.name }}"
-                 value="{{ choice.value }}"
-                 {% if choice.value in self.student_choices %} checked{% endif %}>
-          {{ choice.content }}
-          </input>
-        </label>
-      </div>
+      <label class="choice-label">
+        <input class="choice-selector" type="checkbox" name="{{ self.name }}"
+               value="{{ choice.value }}"
+               {% if choice.value in self.student_choices %} checked{% endif %}>
+        {{ choice.content }}
+        </input>
+      </label>
       <div class="choice-tips"></div>
     </div>
     {% endfor %}