.

atlas/templates/atlas/collection_mark_overview.html

@@ -3,27 +3,27 @@
 {% block content %}
 {% include 'atlas/collection_headers.html' %}
 
-<ul>
+<div class="vstack gap-3">
 {% for case_detail, answers in case_map.items %}
-<li>
+    <div class="bg-light border">
     Case: {{case_detail.case.title}}<br/>
     Answers 
     <ul>
     {% for answer in answers %}
     <li {% if not answer.score %}class="flagged"{% endif %}><a href="{% url 'atlas:collection_mark_question' collection.pk forloop.counter0 %}">{{answer.answer}} 
         {% if not answer.score %}
-<span class="badge rounded-pill bg-success">{{answer.score}</span>
+<span class="badge rounded-pill bg-danger">Unmarked</span>
 
     
         {% else %}
-<span class="badge rounded-pill bg-danger">{{answer.score}</span>
+<span class="badge rounded-pill bg-success">{{answer.score}}</span>
         {% endif %}
         }</a></li>
     {% endfor %}
     </ul>
-</li>
+</div>
     
 {% endfor %}
-</ul>
+</div>
 
 {% endblock %}