fix: right-align quiz status badges

Puts the badge at the end of the row via ms-auto instead of leading the quiz name.
fix: align quiz status badges to the left of the row
2026-07-08 16:40:15 +02:00 · 2026-07-08 15:33:59 +02:00 · 2026-07-08 15:30:34 +02:00 · 2026-07-08 15:26:24 +02:00 · 2026-07-08 15:24:18 +02:00
2 changed files with 9 additions and 3 deletions
@@ -8,11 +8,13 @@
        </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 quiz.isFinalized %}
-                        <span class="badge text-bg-success">{{ 'Finalized'|trans }}</span>
+                    {% if season.activeQuiz == quiz %}
+                        <span class="badge text-bg-light ms-auto">{{ 'Active'|trans }}</span>
+                    {% elseif quiz.isFinalized %}
+                        <span class="badge text-bg-success ms-auto">{{ 'Ready'|trans }}</span>
                    {% endif %}
                </a>
            {% else %}
@@ -661,6 +661,10 @@
        <source>Re-opens the quiz for editing. Candidates will no longer be able to take the quiz until it is finalized again.</source>
        <target>Heropent de test voor bewerking. Deelnemers kunnen de test niet meer afnemen totdat deze opnieuw is afgerond.</target>
      </trans-unit>
+      <trans-unit id="MuwD4xO" resname="Ready">
+        <source>Ready</source>
+        <target>Voorbereid</target>
+      </trans-unit>
      <trans-unit id="P1HcfAu" resname="Red">
        <source>Red</source>
        <target>Rood</target>
Author	SHA1	Message	Date
Marijn	b8b50e6d50	fix: right-align quiz status badges Puts the badge at the end of the row via ms-auto instead of leading the quiz name.	2026-07-08 15:33:59 +02:00
Marijn	e8a8fb3f54	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.	2026-07-08 15:30:34 +02:00
Marijn	15e3ecb2e4	fix: hide Ready badge on the active quiz, translate to Voorbereid An active quiz is finalized by definition, so showing both badges was redundant.	2026-07-08 15:26:24 +02:00
Marijn	748f51e1a5	feat: show active/ready badges on quiz list Adds an "Active" badge for the season's currently selected quiz and renames the "Finalized" badge to "Ready" for finalized quizzes, so both states are visible at a glance.	2026-07-08 15:24:18 +02:00