Refactor exam review question summary layout for improved alignment and text wrapping
This commit is contained in:
@@ -19,10 +19,10 @@
|
||||
{# Choice A #}
|
||||
<div class="list-group-item">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<div>
|
||||
<div class="fw-bold">A</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-bold me-3">A</div>
|
||||
{% 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 %}
|
||||
</div>
|
||||
<div class="text-end">
|
||||
@@ -40,10 +40,10 @@
|
||||
{# Choice B #}
|
||||
<div class="list-group-item">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<div>
|
||||
<div class="fw-bold">B</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-bold me-3">B</div>
|
||||
{% 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 %}
|
||||
</div>
|
||||
<div class="text-end">
|
||||
@@ -61,10 +61,10 @@
|
||||
{# Choice C #}
|
||||
<div class="list-group-item">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<div>
|
||||
<div class="fw-bold">C</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-bold me-3">C</div>
|
||||
{% 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 %}
|
||||
</div>
|
||||
<div class="text-end">
|
||||
@@ -82,10 +82,10 @@
|
||||
{# Choice D #}
|
||||
<div class="list-group-item">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<div>
|
||||
<div class="fw-bold">D</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-bold me-3">D</div>
|
||||
{% 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 %}
|
||||
</div>
|
||||
<div class="text-end">
|
||||
@@ -103,10 +103,10 @@
|
||||
{# Choice E #}
|
||||
<div class="list-group-item">
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<div>
|
||||
<div class="fw-bold">E</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="fw-bold me-3">E</div>
|
||||
{% 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 %}
|
||||
</div>
|
||||
<div class="text-end">
|
||||
|
||||
Reference in New Issue
Block a user