From a4fa47e1a2425c2a66f7e62a2dc83f465126117e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= <gru@macbook.net.r.local>
Date: Thu, 9 Oct 2025 21:44:53 +0200
Subject: [PATCH] zmiany ux

---
 static/css/custom.css | 31 +++++++++++++------------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/static/css/custom.css b/static/css/custom.css
index bc1a5e2..373c7f0 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -389,41 +389,36 @@ select.form-select:focus {
     margin: 10px 0;
 }
 
-/* Tylko ten przycisk: .btn-opis */
+/* Tylko ten przycisk: .btn-opis, spójne z dark tokenami */
 .btn.btn-outline-light.btn-opis {
-  /* start: neutralnie, lekki kontrast na ciemnym tle */
-  color: var(--text);                 /* #e4e4e4 w Twoim motywie */ [attached_file:3]
-  border-color: rgba(255,255,255,.28);/* subtelna ramka */ [attached_file:3]
-  background: rgba(255,255,255,0.02); /* leciutka mgiełka */ [attached_file:3]
-  backdrop-filter: blur(0.5px);       /* ledwo wyczuwalne szkło (opcjonalnie) */ [attached_file:3]
+  color: var(--text);
+  border-color: rgba(255,255,255,0.28);
+  background-color: rgba(255,255,255,0.02);
   transition:
-    background-color var(--trans),    /* 220ms cubic-bezier(.2,.8,.2,1) */ 
+    background-color var(--trans),
     border-color var(--trans),
     color var(--trans),
     box-shadow 180ms ease,
-    transform 120ms ease;             /* zachowuje spójność z innymi btn */ [attached_file:3]
+    transform 120ms ease;
 }
 
 .btn.btn-outline-light.btn-opis:hover,
 .btn.btn-outline-light.btn-opis:focus {
-  /* hover: jasność + ring z akcentem, ale nadal stonowanie */
-  color: #111;                        /* czytelny kontrast przy jaśniejszym tle */ [attached_file:3]
-  background: rgba(255,255,255,0.10); /* delikatne rozjaśnienie */ [attached_file:3]
+  color: #111;
+  background-color: rgba(255,255,255,0.10);
   border-color: rgba(255,255,255,0.45);
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); /* miękki ring */ [attached_file:3]
-  transform: translateY(-1px);        /* minimalny „lift” */ [attached_file:3]
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
+  transform: translateY(-1px);
 }
 
 .btn.btn-outline-light.btn-opis:active {
-  /* klik: krótkie przygaszenie, bez agresywnych skoków */
   transform: translateY(0);
-  background: rgba(255,255,255,0.14); [attached_file:3]
+  background-color: rgba(255,255,255,0.14);
   border-color: rgba(255,255,255,0.55);
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent); [attached_file:3]
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent);
 }
 
 .btn.btn-outline-light.btn-opis:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent); /* dostępność, wciąż delikatnie */ [attached_file:3]
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);
 }
-