.

anatomy/static/css/anatomy.css

@@ -658,4 +658,18 @@ input {
   padding-top: 0px;
   padding-bottom: 0px;
   margin: 1px;
+}
+
+.sba-finish-list {
+  display: flex;
+}
+
+.sba-finish-list li {
+  display: inline-block;
+  border: 1px solid purple; 
+}
+
+.sba-finish-list li.unanswered {
+  display: inline-block;
+  border: 1px solid red; 
 }

sbas/templates/sbas/exam_finish.html

@@ -7,7 +7,7 @@ CID: {{cid}}
 
 <div><p>Questions</p></div>
 {{answer_count}} out of {{exam_length}} questions answered. Click to go to question.
-<ul class="question-list">
+<ul class="sba-finish-list">
 {% for question, answer in question_answer_tuples %}
     <li {% if not answer %}class="unanswered"{% endif %}><a href="{% url 'sbas:exam_take' pk=exam.id sk=forloop.counter0 cid=cid %}">{{forloop.counter}}: {{answer.answer}}</a></li>
 {% endfor %}
@@ -20,9 +20,4 @@ CID: {{cid}}
     $(document).ready(() => {
     })
 </script>
-{% endblock %}
-{% block css %}
-<style type="text/css">
-    .unanswered { border: 1px solid red; }
-</style>
 {% endblock %}

static/css/anatomy.css

@@ -658,4 +658,18 @@ input {
   padding-top: 0px;
   padding-bottom: 0px;
   margin: 1px;
+}
+
+.sba-finish-list {
+  display: flex;
+}
+
+.sba-finish-list li {
+  display: inline-block;
+  border: 1px solid purple; 
+}
+
+.sba-finish-list li.unanswered {
+  display: inline-block;
+  border: 1px solid red; 
 }