mirror of
https://github.com/MarijnDoeve/TijdVoorDeTest.git
synced 2026-07-09 09:00:17 +02:00
fix: align quiz status badges to the left of the row
Previously the badge trailed the quiz name, so its position shifted with the name's length. Placing it first keeps it at a consistent left edge across all rows.
This commit is contained in:
@@ -8,14 +8,14 @@
|
||||
</div>
|
||||
<div class="list-group mb-3">
|
||||
{% for quiz in season.quizzes %}
|
||||
<a class="list-group-item list-group-item-action{% if season.activeQuiz == quiz %} active{% endif %}"
|
||||
<a class="list-group-item list-group-item-action d-flex align-items-center gap-2{% if season.activeQuiz == quiz %} active{% endif %}"
|
||||
href="{{ path('tvdt_backoffice_quiz', {seasonCode: season.seasonCode, quiz: quiz.id}) }}">
|
||||
{{ quiz.name }}
|
||||
{% if season.activeQuiz == quiz %}
|
||||
<span class="badge text-bg-light">{{ 'Active'|trans }}</span>
|
||||
{% elseif quiz.isFinalized %}
|
||||
<span class="badge text-bg-success">{{ 'Ready'|trans }}</span>
|
||||
{% endif %}
|
||||
{{ quiz.name }}
|
||||
</a>
|
||||
{% else %}
|
||||
{{ 'No quizzes'|trans }}
|
||||
|
||||
Reference in New Issue
Block a user