Refactor exam overview template for improved readability and consistency in HTML structure

This commit is contained in:
Ross
2026-01-05 14:22:33 +00:00
parent 42d209af5a
commit b837c406cf
@@ -49,7 +49,8 @@
class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}" class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}"
aria-label="Go to question {{ forloop.counter }}" aria-label="Go to question {{ forloop.counter }}"
{% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}> {% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}>
{{forloop.counter}}{% if answer and answer.answer %}: {{answer.answer}}{% endif %} <span class="qn-num">{{forloop.counter}}</span>{% if answer and answer.answer %}<span class="qn-ans">: {{answer.answer}}</span>{% endif %}
{% if flagged %}<span class="question-flag" aria-hidden="true"></span>{% endif %}
</a> </a>
{% else %} {% else %}
@@ -57,7 +58,8 @@
class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}" class="overview-question-btn btn btn-outline-secondary {% if flagged %}flagged{% endif %}"
aria-label="Go to question {{ forloop.counter }}" aria-label="Go to question {{ forloop.counter }}"
{% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}> {% if not answer %}title="You have not answered this question" aria-current="false"{% endif %}>
{{forloop.counter}}{% if answer and answer.answer %}: {{answer.answer}}{% endif %} <span class="qn-num">{{forloop.counter}}</span>{% if answer and answer.answer %}<span class="qn-ans">: {{answer.answer}}</span>{% endif %}
{% if flagged %}<span class="question-flag" aria-hidden="true"></span>{% endif %}
</a> </a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
@@ -129,11 +131,13 @@
justify-content: flex-start; justify-content: flex-start;
} }
/* Flagged question indicator: use border colour to signal a flagged item */ /* Flagged questions show only the flag icon; do not change border color */
.overview-question-btn.flagged {
border-color: #ffc107 !important; .overview-question-btn .question-flag {
box-shadow: 0 1px 2px rgba(255,193,7,0.06); margin-left: auto;
background: rgba(255,193,7,0.03); font-size: 0.95rem;
color: #ffc107;
line-height: 1;
} }
/* Unanswered questions should draw attention */ /* Unanswered questions should draw attention */