From 0371fc6ade7120842ad745399f5cc246d05c870f Mon Sep 17 00:00:00 2001
From: ben8 <ben_ollech@outlook.com>
Date: Sat, 15 Nov 2025 17:00:17 +0100
Subject: [PATCH] #155 design for credits

---
 django/templates/library/detail_quiz.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/django/templates/library/detail_quiz.html b/django/templates/library/detail_quiz.html
index 47c8f54..f2b7ba1 100644
--- a/django/templates/library/detail_quiz.html
+++ b/django/templates/library/detail_quiz.html
@@ -372,15 +372,23 @@
 </div>
    {% endif %}
    -->
+
+   <div class="max-w-full p-4 mt-8 rounded-2xl bg-gray-100 dark:bg-transparent  shadow-sm">
+
+
+
+
 <div class="flex flex-col max-w-full">
-     <p class="text-gray-600 mt-2 dark:text-white ">Credits: </p>
+         <p class="text-lg font-bold text-gray-800 dark:text-white dark:bg-transparent mb-3">
+       Credits
+    </p>
     {% if quiz.credits %}
         <p class="text-blue-500 mb-2 w-full break-words dark:text-gray-400  ">
             <span class="break-words italic">{{ quiz.credits }}</span>
             <span class="font-normal break-words text-gray-600 dark:text-white">(Credits für das Quiz)</span>
         </p>
         {% else %}
-        <p class="text-gray-500 dark:text-gray-400 ">Keine Credits für das Quizformular vorhanden!</p>
+        <p class="text-gray-500 dark:text-gray-400 ">Keine Credits für das Quizformular vorhanden.</p>
     {% endif %}
     
 </div>
@@ -391,7 +399,7 @@
     <ul class="space-y-2">
         {% regroup questions by credits as grouped_credits %}
         {% if grouped_credits|length == 1 and not grouped_credits.0.grouper %}
-            <li class="text-gray-500 dark:text-gray-400 ">Keine Credits für die Fragen vorhanden!</li>
+            <li class="text-gray-500 dark:text-gray-400 ">Keine zusätzlichen Credits für die einzelnen Fragen vorhanden.</li>
         {% else %}
             {% for question in questions %}
                 {% if question.credits %}
@@ -404,6 +412,8 @@
         {% endif %}
     </ul>
 </div>
+</div>
+
 
 <div class="max-w-full p-4 mt-8 rounded-2xl bg-gray-100 dark:bg-transparent  shadow-sm">
     <p class="text-lg font-bold text-gray-800 dark:text-white dark:bg-transparent mb-3">
-- 
2.49.1