From 6b5189d2c468e14c48030996b51f8c5adf6cfd4d Mon Sep 17 00:00:00 2001
From: Matthias Jung <m.jung@uni-wuerzburg.de>
Date: Sat, 14 Feb 2026 17:04:39 +0100
Subject: [PATCH] refactor: question layout

---
 templates/html/brightspot_question.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/templates/html/brightspot_question.html b/templates/html/brightspot_question.html
index 72b8038..cdcad9c 100644
--- a/templates/html/brightspot_question.html
+++ b/templates/html/brightspot_question.html
@@ -3,13 +3,18 @@
     {% if picture_question %}
       <div class="question-picture"><img src="pictures/{{ picture_question }}.svg" alt="{{ alt_text_question }}"></div>
     {% endif %}
-    <div class="question-text">
-        Richtige Lösung: <br/>
+    <div>
         {% if answers[0] %}
-            {{ answers[0] }}
+            <b>Richtig:</b> {{ answers[0] }} <br/>
+            <b>Falsch: </b> {{ answers[1] }} <br/>
+            <b>Falsch: </b> {{ answers[2] }} <br/>
+            <b>Falsch: </b> {{ answers[3] }} <br/>
         {% endif %}
         {% if answer_pictures[0] %}
-            <div class="question-picture"><img src="pictures/{{ answer_pictures[0] }}.svg" alt="{{ alt_text_answers[0] }}"></div>
+            <b>Richtig:</b> <div class="question-picture"><img src="pictures/{{ answer_pictures[0] }}.svg" alt="{{ alt_text_answers[0] }}"></div><br/>
+            <b>Falsch: </b> <div class="question-picture"><img src="pictures/{{ answer_pictures[1] }}.svg" alt="{{ alt_text_answers[1] }}"></div><br/>
+            <b>Falsch: </b> <div class="question-picture"><img src="pictures/{{ answer_pictures[2] }}.svg" alt="{{ alt_text_answers[2] }}"></div><br/>
+            <b>Falsch: </b> <div class="question-picture"><img src="pictures/{{ answer_pictures[3] }}.svg" alt="{{ alt_text_answers[3] }}"></div><br/>
         {% endif %}
     </div>
   </div>