From 62d786d86c82358ea813e591af2d7a4c5368dcbf 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] fix(css): hover lift na svim karticama + animiraj na
 nabavka-detalji karticama
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hover lift (.kartica:hover translateY) nije radio na karticama sa .animiraj
jer je fadeInUp imao fill-mode both, koji forwards zaključa transform i
nadjača hover. Prebačeno na backwards: i dalje nema treperenja na ulazu, a
hover sad radi na svim karticama u programu.

Kartice „Stavke nabavke" i „Brisanje nabavke" u nabavka_detalji nisu imale
.animiraj (previd — stagger u <style> je predviđao tri kartice). Dodato, i
stagger pomeren na nth-child(2-4) jer je prvi child .kolone „Nazad" link.
---
 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>