Changed the mrq incorrect and correct marks to font-awesome exclamation

mentoring/public/css/questionnaire.css

@@ -12,18 +12,20 @@
 }
 
 .mentoring .choices .choice-result {
-    padding-right: 40px;
+    padding-right: 10px;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .mentoring .choices .choice-result.correct {
-    background-image: url({{ correct_icon_url }});
-    cursor: pointer;
+    color: #006600
 }
+
 .mentoring .choices .choice-result.incorrect {
-    background-image: url({{ incorrect_icon_url }});
-    cursor: pointer;
+    margin-right: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    color: #ff0000;
 }
 
 .mentoring .choices .choice-tips,

mentoring/public/js/questionnaire.js

@@ -53,7 +53,7 @@ function MRQBlock(runtime, element) {
                 };
 
             if (result.message) {
-                messageDOM.html('<div class="message-content"><div class="close"></div>' + 
+                messageDOM.html('<div class="message-content"><div class="close"></div>' +
                                 result.message + '</div>');
                 showPopup(messageDOM);
             }
@@ -66,9 +66,9 @@ function MRQBlock(runtime, element) {
                     choiceTipsCloseDOM;
 
                 if (choice.completed) {
-                    choiceResultDOM.removeClass('incorrect').addClass('correct');
+                    choiceResultDOM.removeClass('incorrect icon-exclamation').addClass('correct icon-ok');
                 } else {
-                    choiceResultDOM.removeClass('correct').addClass('incorrect');
+                    choiceResultDOM.removeClass('correct icon-ok').addClass('incorrect icon-exclamation');
                 }
 
                 choiceTipsDOM.html(choice.tips);

mentoring/questionnaire.py

@@ -85,10 +85,6 @@ class QuestionnaireAbstractBlock(LightChild):
         fragment = Fragment(html)
         fragment.add_css(render_template('public/css/questionnaire.css', {
             'self': self,
-            'correct_icon_url': self.runtime.local_resource_url(self.xblock_container,
-                                                                'public/img/correct-icon.png'),
-            'incorrect_icon_url': self.runtime.local_resource_url(self.xblock_container,
-                                                                  'public/img/incorrect-icon.png'),
             'close_icon_url': self.runtime.local_resource_url(self.xblock_container,
                                                               'public/img/close.png'),
         }))

mentoring/templates/html/mrqblock_choices.html

@@ -4,7 +4,7 @@
   <div class="choices-list">
     {% for choice in custom_choices %}
     <div class="choice">
-      <span class="choice-result"></span>
+      <span class="choice-result icon-2x"></span>
       <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 }}
       </label>