From a25dbe86c9fbfee98173e8f5943c456255bf31b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 09:21:28 +0200
Subject: [PATCH] =?UTF-8?q?fix(css):=20hover=20lift=20na=20svim=20karticam?=
 =?UTF-8?q?a=20+=20animiraj=20na=20nabavka-detalji=20karticama=20Hover=20l?=
 =?UTF-8?q?ift=20(.kartica:hover=20translateY)=20nije=20radio=20na=20karti?=
 =?UTF-8?q?cama=20sa=20.animiraj=20jer=20je=20fadeInUp=20imao=20fill-mode?=
 =?UTF-8?q?=20both,=20koji=20forwards=20zaklju=C4=8Da=20transform=20i=20na?=
 =?UTF-8?q?dja=C4=8Da=20hover.=20Preba=C4=8Deno=20na=20backwards:=20i=20da?=
 =?UTF-8?q?lje=20nema=20treperenja=20na=20ulazu,=20a=20hover=20sad=20radi?=
 =?UTF-8?q?=20na=20svim=20karticama=20u=20programu.=20Kartice=20=E2=80=9ES?=
 =?UTF-8?q?tavke=20nabavke"=20i=20=E2=80=9EBrisanje=20nabavke"=20u=20nabav?=
 =?UTF-8?q?ka=5Fdetalji=20nisu=20imale=20.animiraj=20(previd=20=E2=80=94?=
 =?UTF-8?q?=20stagger=20u=20<style>=20je=20predvi=C4=91ao=20tri=20kartice)?=
 =?UTF-8?q?.=20Dodato,=20i=20stagger=20pomeren=20na=20nth-child(2-4)=20jer?=
 =?UTF-8?q?=20je=20prvi=20child=20.kolone=20=E2=80=9ENazad"=20link.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/static/css/main.css                     |  4 +++-
 web/templates/stranice/nabavka_detalji.html | 11 ++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/static/css/main.css b/web/static/css/main.css
index 1d30cc3..79330f9 100644
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@@ -974,8 +974,10 @@ select {
 .poruka-animacija { animation: slideDown 0.3s ease forwards; }
 .greska-animacija { animation: shake 0.4s ease; }
 
+/* backwards (ne both): drži početni frame tokom stagger-delay-a da nema treperenja,
+   ali NE zaključava krajnji transform — pa .kartica:hover lift radi i na .animiraj karticama */
 .animiraj {
-    animation: fadeInUp 0.2s ease both;
+    animation: fadeInUp 0.2s ease backwards;
 }
 
 /* Stepenasta (stagger) animacija redova u svim listama — JEDNO mesto za sve tabele.
diff --git a/web/templates/stranice/nabavka_detalji.html b/web/templates/stranice/nabavka_detalji.html
index 2749211..3f44201 100644
--- a/web/templates/stranice/nabavka_detalji.html
+++ b/web/templates/stranice/nabavka_detalji.html
@@ -4,9 +4,10 @@
 
 {{define "dodatni-css"}}
 <style>
-    .detalji-kartica:nth-child(1) { animation-delay: 0.04s; }
-    .detalji-kartica:nth-child(2) { animation-delay: 0.12s; }
-    .detalji-kartica:nth-child(3) { animation-delay: 0.20s; }
+    /* prvi child .kolone je „Nazad" link, pa su kartice na pozicijama 2–4 */
+    .detalji-kartica:nth-child(2) { animation-delay: 0.04s; }
+    .detalji-kartica:nth-child(3) { animation-delay: 0.12s; }
+    .detalji-kartica:nth-child(4) { animation-delay: 0.20s; }
 </style>
 {{end}}
 
@@ -49,7 +50,7 @@
     </div>
 
     <!-- stavke -->
-    <div class="kartica detalji-kartica" style="padding:0;overflow:hidden;">
+    <div class="kartica detalji-kartica animiraj" style="padding:0;overflow:hidden;">
         <div style="padding:14px 16px;border-bottom:0.5px solid var(--ivica);">
             <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Stavke nabavke</span>
         </div>
@@ -122,7 +123,7 @@
     </div>
 
     <!-- zona za brisanje -->
-    <div class="kartica detalji-kartica" style="border-color:#dc262633;">
+    <div class="kartica detalji-kartica animiraj" style="border-color:#dc262633;">
         <div style="display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;">
             <div style="flex:1;min-width:200px;">
                 <div style="font-size:14px;font-weight:500;color:#dc2626;margin-bottom:4px;">Brisanje nabavke</div>