Refactor exam review question summary layout for improved alignment and text wrapping

This commit is contained in:
Ross
2025-11-10 10:01:58 +00:00
parent 53ff56edc0
commit 921cc53667
@@ -19,10 +19,10 @@
{# Choice A #} {# Choice A #}
<div class="list-group-item"> <div class="list-group-item">
<div class="d-flex w-100 justify-content-between align-items-center"> <div class="d-flex w-100 justify-content-between align-items-center">
<div> <div class="d-flex align-items-center">
<div class="fw-bold">A</div> <div class="fw-bold me-3">A</div>
{% if exam_response_texts.a %} {% if exam_response_texts.a %}
<div class="small text-muted">{{ exam_response_texts.a|safe }}</div> <div class="small text-muted text-wrap">{{ exam_response_texts.a|safe }}</div>
{% endif %} {% endif %}
</div> </div>
<div class="text-end"> <div class="text-end">
@@ -40,10 +40,10 @@
{# Choice B #} {# Choice B #}
<div class="list-group-item"> <div class="list-group-item">
<div class="d-flex w-100 justify-content-between align-items-center"> <div class="d-flex w-100 justify-content-between align-items-center">
<div> <div class="d-flex align-items-center">
<div class="fw-bold">B</div> <div class="fw-bold me-3">B</div>
{% if exam_response_texts.b %} {% if exam_response_texts.b %}
<div class="small text-muted">{{ exam_response_texts.b|safe }}</div> <div class="small text-muted text-wrap">{{ exam_response_texts.b|safe }}</div>
{% endif %} {% endif %}
</div> </div>
<div class="text-end"> <div class="text-end">
@@ -61,10 +61,10 @@
{# Choice C #} {# Choice C #}
<div class="list-group-item"> <div class="list-group-item">
<div class="d-flex w-100 justify-content-between align-items-center"> <div class="d-flex w-100 justify-content-between align-items-center">
<div> <div class="d-flex align-items-center">
<div class="fw-bold">C</div> <div class="fw-bold me-3">C</div>
{% if exam_response_texts.c %} {% if exam_response_texts.c %}
<div class="small text-muted">{{ exam_response_texts.c|safe }}</div> <div class="small text-muted text-wrap">{{ exam_response_texts.c|safe }}</div>
{% endif %} {% endif %}
</div> </div>
<div class="text-end"> <div class="text-end">
@@ -82,10 +82,10 @@
{# Choice D #} {# Choice D #}
<div class="list-group-item"> <div class="list-group-item">
<div class="d-flex w-100 justify-content-between align-items-center"> <div class="d-flex w-100 justify-content-between align-items-center">
<div> <div class="d-flex align-items-center">
<div class="fw-bold">D</div> <div class="fw-bold me-3">D</div>
{% if exam_response_texts.d %} {% if exam_response_texts.d %}
<div class="small text-muted">{{ exam_response_texts.d|safe }}</div> <div class="small text-muted text-wrap">{{ exam_response_texts.d|safe }}</div>
{% endif %} {% endif %}
</div> </div>
<div class="text-end"> <div class="text-end">
@@ -103,10 +103,10 @@
{# Choice E #} {# Choice E #}
<div class="list-group-item"> <div class="list-group-item">
<div class="d-flex w-100 justify-content-between align-items-center"> <div class="d-flex w-100 justify-content-between align-items-center">
<div> <div class="d-flex align-items-center">
<div class="fw-bold">E</div> <div class="fw-bold me-3">E</div>
{% if exam_response_texts.e %} {% if exam_response_texts.e %}
<div class="small text-muted">{{ exam_response_texts.e|safe }}</div> <div class="small text-muted text-wrap">{{ exam_response_texts.e|safe }}</div>
{% endif %} {% endif %}
</div> </div>
<div class="text-end"> <div class="text-end">