app/static/style.css aktualisiert

This commit is contained in:
sascha 2026-01-28 21:54:01 +00:00
parent a3b4d5e39d
commit 4e92b0503e

View File

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