Enhance layout of answer options with improved spacing and conditional category display

This commit is contained in:
Ross
2026-01-19 12:21:42 +00:00
parent ef03a97e9e
commit 834d91e84d
@@ -26,8 +26,8 @@
<div class="mb-2">
<ol type="a" class="mb-0">
{% for q, a, score, correct_answer in ans %}
<li class="d-flex justify-content-between align-items-start py-1">
<div><span class="me-2"></span><span>{{ q|safe }}</span></div>
<li class="d-flex justify-content-between align-items-start py-2 mb-2 border-bottom">
<div class="pe-3"><span class="me-2"></span><span>{{ q|safe }}</span></div>
<div class="text-end">
{% if exam.publish_results %}
<div class="text-primary fw-semibold">Correct answer: {{ correct_answer|safe }}</div>
@@ -55,10 +55,14 @@
</ol>
</div>
<div class="small text-muted">
Category: {{ question.category }}
<a href="{% url 'physics:question_detail' pk=question.pk %}">View</a>
<a href="{% url 'admin:physics_question_change' question.id %}" class="ms-2">Edit</a>
<div class="mt-3 pt-2 border-top">
<div class="small text-muted">
<a href="{% url 'physics:question_detail' pk=question.pk %}">View</a>
{% if request.user.is_staff %}
— Category: {{ question.category }}
<a href="{% url 'admin:physics_question_change' question.id %}" class="ms-2">Edit</a>
{% endif %}
</div>
</div>
</div>
</div>