Improve answers display on question pages

anatomy/templates/anatomy/question_detail.html

@@ -40,9 +40,25 @@
     </div>
     <h1>{{ question.get_primary_answer }}</h1>
     <h2>{{question.question_type}}</h2>
-    Answers (score): {% for answer in question.answers.all %}
-    {{ answer }} ({{answer.status}}),
-    {% endfor %}
+        <details>
+            <summary>
+                Answers:
+            </summary>
+            <table>
+                <tr><th>Answer</th><th>Score</th></tr>
+                {% for answer in question.answers.all|dictsortreversed:"status" %}
+                    <tr>
+                        <td>
+                            <span {% if answer.proposed %}class="proposed-answer" data-aid="{{answer.pk}}" data-question-type="anatomy"
+                            {% endif %}>
+                                {{ answer }}
+                            </span>
+                            <td>
+                                <td>{{answer.status}}</td>
+                            </tr>
+                {% endfor %}
+            </table>
+        </details>
     <div>
         Description: {{ question.description }}
     </div>