.

anatomy/static/css/anatomy.css

@@ -659,3 +659,17 @@ input {
   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 %}
@@ -21,8 +21,3 @@ CID: {{cid}}
     })
 </script>
 {% endblock %}
-{% block css %}
-<style type="text/css">
-    .unanswered { border: 1px solid red; }
-</style>
-{% endblock %}

static/css/anatomy.css

@@ -659,3 +659,17 @@ input {
   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; 
+}