Fix display of font-awesome elements by adding fa class

mentoring/templates/html/answer_editable.html

@@ -5,5 +5,5 @@
      class="answer editable" cols="50" rows="10" name="input"
      data-min_characters="{{ self.min_characters }}"
      >{{ self.student_input }}</textarea>
-  <span class="answer-checkmark icon-2x"></span>
+  <span class="answer-checkmark fa icon-2x"></span>
 </div>

mentoring/templates/html/mcqblock_choices.html

@@ -6,7 +6,7 @@
   <div class="choices-list">
     {% for choice in custom_choices %}
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label class="choice-label">
         <input class="choice-selector" type="radio" name="{{ self.name }}" value="{{ choice.value }}"{% if self.student_choice == choice.value %} checked{% endif %} />{{ choice.content }}
       </label>

mentoring/templates/html/mcqblock_rating.html

@@ -5,35 +5,35 @@
   </legend>
   <div class="choices-list">
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label><input class="choice-selector" type="radio" name="{{ self.name }}" value="1"{% if self.student_choice == '1' %} checked{% endif %} />1</label>
       <span class="low"> - {{ self.low }}</span>
       <div class="choice-tips"></div>
     </div>
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label><input class="choice-selector" type="radio" name="{{ self.name }}" value="2"{% if self.student_choice == '2' %} checked{% endif %} />2</label>
       <div class="choice-tips"></div>
     </div>
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label><input class="choice-selector" type="radio" name="{{ self.name }}" value="3"{% if self.student_choice == '3' %} checked{% endif %} />3</label>
       <div class="choice-tips"></div>
     </div>
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label><input class="choice-selector" type="radio" name="{{ self.name }}" value="4"{% if self.student_choice == '4' %} checked{% endif %} />4</label>
       <div class="choice-tips"></div>
     </div>
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label><input class="choice-selector" type="radio" name="{{ self.name }}" value="5"{% if self.student_choice == '5' %} checked{% endif %} />5</label>
       <span class="low"> - {{ self.high }}</span>
       <div class="choice-tips"></div>
     </div>
     {% for choice in custom_choices %}
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label><input type="radio" name="{{ self.name }}" value="{{ choice.value }}"{% if self.student_choice == '{{ choice.value }}' %} checked{% endif %} />{{ choice.content }}</label>
       <div class="choice-tips"></div>
     </div>

mentoring/templates/html/mentoring.html

@@ -27,7 +27,7 @@
 
     <div class="submit">
       {% if self.mode == 'assessment' %}
-      <span class="assessment-checkmark icon-2x"></span>
+      <span class="assessment-checkmark fa icon-2x"></span>
       {% endif %}
 
       <input type="button" class="input-main" value="Submit" disabled="disabled" />

mentoring/templates/html/mentoring_grade.html

@@ -7,8 +7,8 @@
   <h2>You scored <%= score %>% on this assessment.</h2>
   <hr/>
 
-  <span class="assessment-checkmark icon-2x checkmark-correct icon-ok fa-check"></span>
+  <span class="assessment-checkmark icon-2x checkmark-correct icon-ok fa fa-check"></span>
   <p>You answered <%= correct_answer %> questions correctly.</p>
-  <span class="assessment-checkmark icon-2x checkmark-incorrect icon-exclamation fa-exclamation"></span>
+  <span class="assessment-checkmark icon-2x checkmark-incorrect icon-exclamation fa fa-exclamation"></span>
   <p>You answered <%= incorrect_answer %> questions incorrectly.</p>
 </script>

mentoring/templates/html/mrqblock_choices.html

@@ -6,7 +6,7 @@
   <div class="choices-list">
     {% for choice in custom_choices %}
     <div class="choice">
-      <div class="choice-result icon-2x"></div>
+      <div class="choice-result fa icon-2x"></div>
       <label class="choice-label">
         <input class="choice-selector" type="checkbox" name="{{ self.name }}"
                value="{{ choice.value }}"

mentoring/templates/html/tip_choice_group.html

@@ -3,4 +3,4 @@
     {{ tip_fragment.body_html|safe }}
   {% endfor %}
 </div>
-<div class="close icon-remove-sign fa-times-circle"></div>
+<div class="close icon-remove-sign fa fa-times-circle"></div>