From 4e92b0503e53a87b17723dd5e7cd56bd9daeebf7 Mon Sep 17 00:00:00 2001
From: sascha <sascha@schliep.it>
Date: Wed, 28 Jan 2026 21:54:01 +0000
Subject: [PATCH] app/static/style.css aktualisiert

---
 app/static/style.css | 39 +++++++++++++++++++++------------------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/app/static/style.css b/app/static/style.css
index 246cf71..127151b 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -169,28 +169,31 @@ h1 {
 
 /* --- BUTTONS & CONTROLS (HIER WAR DER FEHLER!) --- */
 
-/* Container für die Buttons: Buttons stapeln sich untereinander */
+/* --- BUTTONS & CONTROLS (Aggressiver Fix) --- */
+
 .quiz-controls {
-    display: flex;
-    flex-direction: column; /* WICHTIG: Untereinander */
-    gap: 15px; /* Abstand zwischen den Buttons */
-    width: 100%;
+    display: flex !important;
+    flex-direction: column !important; /* Erzwingt: Untereinander */
+    width: 100% !important;
+    gap: 15px !important;
+    margin-top: 20px !important;
 }
 
 .action-btn {
-    width: 100%; /* Volle Breite */
-    padding: 16px;
-    font-size: 1.1rem;
-    background: var(--primary);
-    color: white;
-    border: none;
-    border-radius: 10px;
-    cursor: pointer;
-    font-weight: 700;
-    letter-spacing: 0.5px;
-    transition: background 0.2s, transform 0.1s;
-    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-    margin-top: 0; /* Kein extra Margin mehr nötig wegen gap */
+    width: 100% !important; /* Erzwingt: Volle Breite */
+    display: block !important;
+    padding: 18px !important; /* Schön groß für den Daumen */
+    margin: 0 !important;
+    font-size: 1.2rem !important;
+    border-radius: 12px !important;
+}
+
+/* Der "Beenden" Button etwas dezenter, aber immer noch groß */
+.danger {
+    background-color: #ffffff !important;
+    color: #636e72 !important;
+    border: 2px solid #dfe6e9 !important;
+    margin-top: 5px !important;
 }
 
 .action-btn:hover { background: var(--primary-hover); }