From 60f1d757f3f8da6405bce641bc1a4ff34051b357 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 01:02:37 +0200
Subject: [PATCH] =?UTF-8?q?refactor(css):=20ghost-obri=C5=A1i=20dugme=20na?=
 =?UTF-8?q?=20.btn-obrisi-ghost=20klasu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Nova klasa .btn-obrisi-ghost (providna pozadina, #fca5a5 ivica, #dc2626 tekst) —
ghost varijanta brisanja, drugačija od pune .btn-obrisi-malo. Zamenjeno 6 inline
pojava u: admin_korisnici, podesavanja (2x), podesavanja_sistem, podesavanja_izgled,
profil_tema. Mala veličina je default klase; srednje (7px 14px / radius 8px /
font 13px) dobile kontekstualni override. Dodat suptilan hover (ranije ga nije bilo).

Preostali #fca5a5 su error/toast poruke (.greska/.toast-greska) — nisu dugmad.
---
 web/static/css/main.css                        | 17 +++++++++++++++++
 web/templates/stranice/admin_korisnici.html    |  2 +-
 web/templates/stranice/podesavanja.html        |  4 ++--
 web/templates/stranice/podesavanja_izgled.html |  2 +-
 web/templates/stranice/podesavanja_sistem.html |  2 +-
 web/templates/stranice/profil_tema.html        |  2 +-
 6 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/web/static/css/main.css b/web/static/css/main.css
index 7e4bac4..ba99dfc 100644
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@@ -494,6 +494,23 @@ body {
 }
 .btn-obrisi-malo:hover { opacity: 0.8; }
 
+/* ghost dugme za brisanje — providna pozadina, crvena ivica i tekst */
+.btn-obrisi-ghost {
+    display: inline-flex;
+    align-items: center;
+    background: transparent;
+    color: #dc2626;
+    border: 0.5px solid #fca5a5;
+    border-radius: 6px;
+    padding: 4px 12px;
+    font-size: 12px;
+    cursor: pointer;
+    text-decoration: none;
+    white-space: nowrap;
+    transition: background 0.2s;
+}
+.btn-obrisi-ghost:hover { background: rgba(220, 38, 38, 0.08); }
+
 /* opasno dugme (Obriši/Deaktiviraj) — pun format, crveno */
 .btn-opasno {
     display: inline-flex;
diff --git a/web/templates/stranice/admin_korisnici.html b/web/templates/stranice/admin_korisnici.html
index eae66c0..51eb688 100644
--- a/web/templates/stranice/admin_korisnici.html
+++ b/web/templates/stranice/admin_korisnici.html
@@ -95,7 +95,7 @@
                             <form method="POST" action="/admin/korisnici/{{.ID}}/obrisi" style="display:inline;"
                                   onsubmit="return confirm('Obrisati korisnika {{.KorisnickoIme}}? Ova radnja je trajna.')">
                                 <button type="submit"
-                                    style="padding:5px 12px;border:0.5px solid #fca5a5;border-radius:6px;background:transparent;color:#dc2626;font-size:12px;cursor:pointer;">
+                                    class="btn-obrisi-ghost">
                                     Obriši
                                 </button>
                             </form>
diff --git a/web/templates/stranice/podesavanja.html b/web/templates/stranice/podesavanja.html
index 1c9e411..653a202 100644
--- a/web/templates/stranice/podesavanja.html
+++ b/web/templates/stranice/podesavanja.html
@@ -158,7 +158,7 @@
             <form method="POST" action="/podesavanja/login-pozadina/ukloni">
                 <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
                 <button type="submit"
-                    style="padding:7px 14px;background:transparent;border:0.5px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:12px;cursor:pointer;"
+                    class="btn-obrisi-ghost" style="padding:7px 14px;border-radius:8px;"
                     data-potvrda="Ukloniti pozadinsku sliku?">
                     Ukloni sliku
                 </button>
@@ -317,7 +317,7 @@
                                       onsubmit="return confirm('Vratiti bazu na stanje od: {{.Datum}}?\n\nTrenutna baza će biti automatski sačuvana pre obnove.')">
                                     <input type="hidden" name="ime" value="{{.Ime}}">
                                     <button type="submit"
-                                        style="padding:4px 12px;background:transparent;border:0.5px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:12px;cursor:pointer;">
+                                        class="btn-obrisi-ghost">
                                         Vrati
                                     </button>
                                 </form>
diff --git a/web/templates/stranice/podesavanja_izgled.html b/web/templates/stranice/podesavanja_izgled.html
index 97268f6..2bbacdd 100644
--- a/web/templates/stranice/podesavanja_izgled.html
+++ b/web/templates/stranice/podesavanja_izgled.html
@@ -31,7 +31,7 @@
             <form method="POST" action="/podesavanja/login-pozadina/ukloni">
                 <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
                 <button type="submit"
-                    style="padding:7px 14px;background:transparent;border:0.5px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:12px;cursor:pointer;"
+                    class="btn-obrisi-ghost" style="padding:7px 14px;border-radius:8px;"
                     data-potvrda="Ukloniti pozadinsku sliku?">
                     Ukloni sliku
                 </button>
diff --git a/web/templates/stranice/podesavanja_sistem.html b/web/templates/stranice/podesavanja_sistem.html
index ec7ab05..166a1b9 100644
--- a/web/templates/stranice/podesavanja_sistem.html
+++ b/web/templates/stranice/podesavanja_sistem.html
@@ -87,7 +87,7 @@
                                       onsubmit="return confirm('Vratiti bazu na stanje od: {{.Datum}}?\n\nTrenutna baza će biti automatski sačuvana pre obnove.')">
                                     <input type="hidden" name="ime" value="{{.Ime}}">
                                     <button type="submit"
-                                        style="padding:4px 12px;background:transparent;border:0.5px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:12px;cursor:pointer;">
+                                        class="btn-obrisi-ghost">
                                         Vrati
                                     </button>
                                 </form>
diff --git a/web/templates/stranice/profil_tema.html b/web/templates/stranice/profil_tema.html
index 03aee57..c5953ea 100644
--- a/web/templates/stranice/profil_tema.html
+++ b/web/templates/stranice/profil_tema.html
@@ -96,7 +96,7 @@
             <form method="POST" action="/profil/pozadina/ukloni">
                 <input type="hidden" name="_csrf" value="{{.CsrfToken}}">
                 <button type="submit"
-                    style="padding:7px 14px;background:transparent;border:0.5px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:13px;cursor:pointer;"
+                    class="btn-obrisi-ghost" style="padding:7px 14px;border-radius:8px;font-size:13px;"
                     data-potvrda="Ukloniti ličnu pozadinsku sliku?">
                     Ukloni
                 </button>