From 9c90ede9c4e031db5777abaee1a5a9f2e81d8926 Mon Sep 17 00:00:00 2001 From: Dome Date: Tue, 7 Apr 2026 21:34:53 +0200 Subject: [PATCH] Update main.css --- css/main.css | 25 +++++++------------------ 1 file changed, 7 insertions(+), 18 deletions(-) diff --git a/css/main.css b/css/main.css index 8629522..7ff54bd 100644 --- a/css/main.css +++ b/css/main.css @@ -89,20 +89,18 @@ button, input[type=submit] { width: 100%; } +/* BUTTONS: Überall konsistent 4px Margin */ .primary, .secondary { text-decoration: none; font-weight: bold; text-align: center; padding: 14px 20px; - margin: 4px 0 !important; + margin: 4px 0 !important; /* Fixierter Abstand nach deinem Wunsch */ display: block; text-transform: uppercase; letter-spacing: 1px; + transition: all 0.2s ease; width: 100%; - line-height: 1.2; - transform: translateZ(0); - backface-visibility: hidden; - transition: background-color 0.2s ease, border-left 0.2s ease, padding-left 0.2s ease, filter 0.2s ease; } .primary { @@ -110,14 +108,11 @@ button, input[type=submit] { color: var(--app-background) !important; border-radius: 4px; border: none; - padding-left: 20px; /* Festes Padding */ } .primary:hover { filter: brightness(0.9); - border-left: 0px solid transparent !important; - padding-left: 20px !important; - transform: none !important; + transform: translateY(-2px); } .secondary { @@ -125,16 +120,13 @@ button, input[type=submit] { color: var(--foreground); border: 1px solid var(--foreground); border-radius: 4px; - border-left: 1px solid var(--foreground); /* Startet mit normalem Rahmen */ } .secondary:hover { background: rgba(255,255,255,0.05); - border-left: 6px solid var(--ztfr-purple) !important; - padding-left: 26px; - transform: none !important; } +/* Fix für Button-Container (entfernt versteckte Gaps) */ .actions, .ClientView .actions, .ClientListView .actions, @@ -142,17 +134,14 @@ button, input[type=submit] { display: flex !important; flex-direction: column !important; gap: 0px !important; - align-items: stretch; - justify-content: flex-start; - backface-visibility: hidden; } -/* Entfernt den Abstand beim letzten Button in einer Gruppe */ +/* Entfernt den Abstand beim letzten Button in einer Gruppe für saubere Optik */ .actions > *:last-child { margin-bottom: 0 !important; } -/* Input Felder */ +/* Input Felder: Dunkel statt Weiß */ input[type='text'].large { width: 100%; padding: 14px;