Add question-title class to templates

mentoring/mentoring.py

@@ -113,12 +113,22 @@ class MentoringBlock(XBlockWithLightChildren):
 
         return (score, int(round(score*100)), correct, incorrect)
 
+    def _index_steps(self):
+        index = 1
+        for child in self.steps:
+            child.index = index
+            index += 1
+
+
     def student_view(self, context):
+        self._index_steps()
+
         fragment, named_children = self.get_children_fragment(
             context, view_name='mentoring_view',
             not_instance_of=(MentoringMessageBlock, TitleBlock, SharedHeaderBlock)
         )
 
+
         fragment.add_content(render_template('templates/html/mentoring.html', {
             'self': self,
             'named_children': named_children,

mentoring/templates/html/mcqblock_choices.html

 <fieldset class="choices questionnaire">
   <legend class="question">
-    <h3>QUESTION {{ self.index }}</h3>
+    <h3 class="question-title">QUESTION {{ self.index }}</h3>
     <p>{{ self.question }}</p>
   </legend>
   <div class="choices-list">

mentoring/templates/html/mcqblock_rating.html

 <fieldset class="rating questionnaire">
-  <legend class="question">{{ self.question }}</legend>
+  <legend class="question">
+    <h3 class="question-title">QUESTION {{ self.index }}</h3>
+    <p>{{ self.question }}</p>
+  </legend>
   <div class="choices-list">
     <div class="choice">
       <div class="choice-result icon-2x"></div>

mentoring/templates/html/mrqblock_choices.html

 <fieldset class="choices questionnaire" data-hide_results="{{self.hide_results}}">
-
   <legend class="question">
-    <h3>QUESTION {{ self.index }}</h3>
+    <h3 class="question-title">QUESTION {{ self.index }}</h3>
     <p>{{ self.question }}</p>
   </legend>
   <div class="choices-list">