.

longs/templates/longs/exam_scores.html

@@ -16,12 +16,12 @@
 <div id="stats-block">
     <h3>Stats</h3>
     Candidates: {{cids|length}}<br />
-    Max score: {{max_score}}<br/>
+    Max score: {{max_score}}<br />
     Mean: {{mean}}, Median {{median}}, Mode {{mode}}
-    
+
     <div id="stats-plot">{{plot|safe}}</div>
 </div>
-<div>
+<div class="col-sm-4">
     <table class="table table-dark table-striped table-hover table-sm">
         <tr>
             <th>Candidate ID</th>
@@ -35,32 +35,32 @@
         {% endfor %}
     </table>
 </div>
-<div>
+<div class="col-md-12">
     <h3>Results as a table</h3>
     <table class="col-sm table table-dark table-striped table-hover table-sm">
         <thead class="thead-dark">
-    <tr>
-        <th>Candidate</th>
-        {% for cid in cids %}
-        <th>{{cid}}</th>
-        {% endfor %}
+            <tr>
+                <th>Candidate</th>
+                {% for cid in cids %}
+                <th>{{cid}}</th>
+                {% endfor %}
 
-    </tr>
+            </tr>
         </thead>
-    {% for question in questions %}
-    <tr>
-        <td>Question {{forloop.counter}}</td>
-        {% for ans, score in by_question|get_item:question %}
-        <td class="user-answer-score-{{score}}" title="answer score: {{score}}">{{score}}</td>
+        {% for question in questions %}
+        <tr>
+            <td>Question {{forloop.counter}}</td>
+            {% for ans, score in by_question|get_item:question %}
+            <td class="user-answer-score-{{score}}" title="answer score: {{score}}">{{score}}</td>
+            {% endfor %}
+        </tr>
         {% endfor %}
-    </tr>
-    {% endfor %}
-    <tr>
-        <td>Score:</td>
-        {% for score in user_scores_list %}
-        <td>{{score}}</td>
-        {% endfor %}
-    <tr>
+        <tr>
+            <td>Score:</td>
+            {% for score in user_scores_list %}
+            <td>{{score}}</td>
+            {% endfor %}
+        <tr>
     </table>
 
 </div>