From bdbb28566ea301165f360f61b35f9c0961f996fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dalibor=20Markovi=C4=87?= <dalibor31@gmail.com>
Date: Sat, 13 Jun 2026 00:07:13 +0200
Subject: [PATCH] refactor(css): inline labele forme na .polje-labela klasu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

59 inline labela (font-size:13px; color:--tekst-sporedni; display:block;
margin-bottom:6px — identično .polje-labela) zamenjeno klasom; ukupno 67 labela
sada koristi .polje-labela. Inputi se već globalno stilizuju (main.css 635-679),
pa nije bilo punih inline input-stilova. Preostale labele (12px/4px, 8px, flex
checkbox/radio) su namerne varijante — ostavljene.

Bez promene izgleda. Napomena: redundantni inline width:100% na inputima (globalni
stil ga već postavlja) ostavljen za kasnije (bezbedno uklanjanje traži ciljanje
po elementu jer je width:100% legitiman na tabelama).
---
 web/templates/stranice/admin_korisnici.html   |  6 ++---
 web/templates/stranice/admin_profil.html      |  8 +++---
 web/templates/stranice/dobavljac_forma.html   | 10 +++----
 web/templates/stranice/kategorije.html        |  4 +--
 web/templates/stranice/magacin_forma.html     | 16 ++++++------
 web/templates/stranice/nabavka_forma.html     | 10 +++----
 web/templates/stranice/podesavanja.html       | 10 +++----
 web/templates/stranice/podesavanja_opste.html | 10 +++----
 .../stranice/podesavanja_sistem.html          |  4 +--
 web/templates/stranice/podsetnik_forma.html   |  8 +++---
 web/templates/stranice/prodaja_forma.html     |  6 ++---
 web/templates/stranice/servis_forma.html      | 26 +++++++++----------
 12 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/web/templates/stranice/admin_korisnici.html b/web/templates/stranice/admin_korisnici.html
index 041bdd2..fc31a31 100644
--- a/web/templates/stranice/admin_korisnici.html
+++ b/web/templates/stranice/admin_korisnici.html
@@ -117,17 +117,17 @@
         <form method="POST" action="/admin/korisnici/novi">
             <div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:14px;margin-bottom:16px;">
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Korisničko ime</label>
+                    <label class="polje-labela">Korisničko ime</label>
                     <input type="text" name="korisnicko_ime" required minlength="3" autocomplete="off"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
                 </div>
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Lozinka</label>
+                    <label class="polje-labela">Lozinka</label>
                     <input type="password" name="lozinka" required minlength="8" autocomplete="new-password"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
                 </div>
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Uloga</label>
+                    <label class="polje-labela">Uloga</label>
                     <select name="uloga"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;">
                         <option value="radnik">Radnik</option>
diff --git a/web/templates/stranice/admin_profil.html b/web/templates/stranice/admin_profil.html
index d4bd5c5..495cf9b 100644
--- a/web/templates/stranice/admin_profil.html
+++ b/web/templates/stranice/admin_profil.html
@@ -17,15 +17,15 @@
 		<form method="POST" action="/admin/profil/lozinka">
 			<div style="display: flex; flex-direction: column; gap: 12px">
 				<div>
-					<label style="font-size: 13px; color: var(--tekst-sporedni); display: block; margin-bottom: 6px">Trenutna lozinka</label>
+					<label class="polje-labela">Trenutna lozinka</label>
 					<input type="password" name="stara_lozinka" required style="width: 100%" />
 				</div>
 				<div>
-					<label style="font-size: 13px; color: var(--tekst-sporedni); display: block; margin-bottom: 6px">Nova lozinka</label>
+					<label class="polje-labela">Nova lozinka</label>
 					<input type="password" name="nova_lozinka" required minlength="8" style="width: 100%" />
 				</div>
 				<div>
-					<label style="font-size: 13px; color: var(--tekst-sporedni); display: block; margin-bottom: 6px">Potvrda nove lozinke</label>
+					<label class="polje-labela">Potvrda nove lozinke</label>
 					<input type="password" name="nova_lozinka_potvrda" required style="width: 100%" />
 				</div>
 				<div>
@@ -59,7 +59,7 @@
 			<form method="POST" action="/admin/profil/totp/aktiviraj">
 				<input type="hidden" name="totp_tajna" value="{{ .TotpTajna }}" />
 				<div style="margin-bottom: 12px">
-					<label style="font-size: 13px; color: var(--tekst-sporedni); display: block; margin-bottom: 6px">Verifikacioni kod</label>
+					<label class="polje-labela">Verifikacioni kod</label>
 					<input type="text" name="kod" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" required autofocus style="width: 160px; font-size: 18px; text-align: center; letter-spacing: 4px" />
 				</div>
 				<button type="submit" class="btn-primarno">Potvrdi i uključi 2FA</button>
diff --git a/web/templates/stranice/dobavljac_forma.html b/web/templates/stranice/dobavljac_forma.html
index ab0e708..1c7c554 100644
--- a/web/templates/stranice/dobavljac_forma.html
+++ b/web/templates/stranice/dobavljac_forma.html
@@ -33,7 +33,7 @@
 
                 <!-- naziv -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                    <label class="polje-labela">
                         Naziv <span style="color:#dc2626;">*</span>
                     </label>
                     <input type="text" name="naziv" value="{{.Dobavljac.Naziv}}"
@@ -44,13 +44,13 @@
                 <!-- kontakt osoba i telefon -->
                 <div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Kontakt osoba</label>
+                        <label class="polje-labela">Kontakt osoba</label>
                         <input type="text" name="kontakt_osoba" value="{{.Dobavljac.KontaktOsoba}}"
                             placeholder="npr. Marko Petrović"
                             style="width:100%;">
                     </div>
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Telefon</label>
+                        <label class="polje-labela">Telefon</label>
                         <input type="text" name="telefon" value="{{.Dobavljac.Telefon}}"
                             placeholder="npr. 011 123 4567"
                             style="width:100%;">
@@ -59,7 +59,7 @@
 
                 <!-- e-pošta -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">E-pošta</label>
+                    <label class="polje-labela">E-pošta</label>
                     <input type="text" name="email" value="{{.Dobavljac.Email}}"
                         placeholder="npr. nabavka@techdistrib.rs"
                         style="width:100%;">
@@ -67,7 +67,7 @@
 
                 <!-- napomena -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+                    <label class="polje-labela">Napomena</label>
                     <textarea name="napomena" rows="3"
                         placeholder="Interna napomena o dobavljaču..."
                         style="width:100%;resize:vertical;">{{.Dobavljac.Napomena}}</textarea>
diff --git a/web/templates/stranice/kategorije.html b/web/templates/stranice/kategorije.html
index d387f12..a0bf033 100644
--- a/web/templates/stranice/kategorije.html
+++ b/web/templates/stranice/kategorije.html
@@ -42,14 +42,14 @@
         <form method="POST" action="/magacin/kategorije/dodaj">
             <div style="display:flex;flex-direction:column;gap:12px;">
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                    <label class="polje-labela">
                         Naziv <span style="color:#dc2626;">*</span>
                     </label>
                     <input type="text" name="naziv" placeholder="npr. Memorija, Diskovi, Kablovi..."
                         style="width:100%;">
                 </div>
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Opis</label>
+                    <label class="polje-labela">Opis</label>
                     <input type="text" name="opis" placeholder="Kratak opis kategorije..."
                         style="width:100%;">
                 </div>
diff --git a/web/templates/stranice/magacin_forma.html b/web/templates/stranice/magacin_forma.html
index f757e3d..041dd32 100644
--- a/web/templates/stranice/magacin_forma.html
+++ b/web/templates/stranice/magacin_forma.html
@@ -33,7 +33,7 @@
 
                 <!-- naziv -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                    <label class="polje-labela">
                         Naziv <span style="color:#dc2626;">*</span>
                     </label>
                     <input type="text" name="naziv" value="{{.Artikal.Naziv}}"
@@ -43,7 +43,7 @@
 
                 <!-- kategorija -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Kategorija</label>
+                    <label class="polje-labela">Kategorija</label>
                     <select name="kategorija_id" style="width:100%;">
                         <option value="">— bez kategorije —</option>
                         {{range .Kategorije}}
@@ -54,7 +54,7 @@
 
                 <!-- opis -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Opis</label>
+                    <label class="polje-labela">Opis</label>
                     <textarea name="opis" rows="2"
                         placeholder="Kratak opis artikla..."
                         style="width:100%;resize:vertical;">{{.Artikal.Opis}}</textarea>
@@ -63,23 +63,23 @@
                 <!-- količina i minimum -->
                 <div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Količina na stanju</label>
+                        <label class="polje-labela">Količina na stanju</label>
                         <input type="number" name="kolicina" value="{{.Artikal.Kolicina}}" min="0" style="width:100%;">
                     </div>
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Minimalna količina</label>
+                        <label class="polje-labela">Minimalna količina</label>
                         <input type="number" name="kolicina_min" value="{{.Artikal.KolicinMin}}" min="0" style="width:100%;">
                     </div>
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Prodajna cena (din)</label>
+                    <label class="polje-labela">Prodajna cena (din)</label>
                     <input type="number" name="prodajna_cena" value="{{.Artikal.ProdajnaCena}}" min="0" step="0.01" style="width:100%;">
                 </div>
 
                 <!-- lokacija -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Lokacija u magacinu</label>
+                    <label class="polje-labela">Lokacija u magacinu</label>
                     <input type="text" name="lokacija" value="{{.Artikal.Lokacija}}"
                         placeholder="npr. Polica A3, Kutija 2..."
                         style="width:100%;">
@@ -87,7 +87,7 @@
 
                 <!-- napomena -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+                    <label class="polje-labela">Napomena</label>
                     <textarea name="napomena" rows="2"
                         placeholder="Interna napomena..."
                         style="width:100%;resize:vertical;">{{.Artikal.Napomena}}</textarea>
diff --git a/web/templates/stranice/nabavka_forma.html b/web/templates/stranice/nabavka_forma.html
index b69f030..9afb8b2 100644
--- a/web/templates/stranice/nabavka_forma.html
+++ b/web/templates/stranice/nabavka_forma.html
@@ -38,7 +38,7 @@
             </div>
             <div style="display:flex;flex-direction:column;gap:14px;">
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Dobavljač</label>
+                    <label class="polje-labela">Dobavljač</label>
                     <select name="dobavljac_id" style="width:100%;">
                         <option value="">— bez dobavljača —</option>
                         {{range .Dobavljaci}}
@@ -47,7 +47,7 @@
                     </select>
                 </div>
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+                    <label class="polje-labela">Napomena</label>
                     <textarea name="napomena" rows="2"
                         placeholder="Interna napomena o nabavci..."
                         style="width:100%;resize:vertical;"></textarea>
@@ -203,7 +203,7 @@
 
             <div style="display:flex;flex-direction:column;gap:14px;">
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                    <label class="polje-labela">
                         Naziv <span style="color:#dc2626;">*</span>
                     </label>
                     <input type="text" x-model="modalNaziv" x-ref="modalNazivInput"
@@ -213,7 +213,7 @@
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Kategorija</label>
+                    <label class="polje-labela">Kategorija</label>
                     <select x-model="modalKategorijaID" style="width:100%;">
                         <option value="">— bez kategorije —</option>
                         {{range .Kategorije}}
@@ -223,7 +223,7 @@
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Prodajna cena (din)</label>
+                    <label class="polje-labela">Prodajna cena (din)</label>
                     <input type="number" x-model="modalCena" min="0" step="0.01"
                         placeholder="0"
                         style="width:100%;">
diff --git a/web/templates/stranice/podesavanja.html b/web/templates/stranice/podesavanja.html
index 5ce24d5..892c873 100644
--- a/web/templates/stranice/podesavanja.html
+++ b/web/templates/stranice/podesavanja.html
@@ -75,21 +75,21 @@
 
             <div style="display:flex;flex-direction:column;gap:14px;">
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Naziv firme</label>
+                    <label class="polje-labela">Naziv firme</label>
                     <input type="text" name="naziv_firme" value="{{.NazivFirme}}"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                         placeholder="npr. NTech">
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Podnazlov</label>
+                    <label class="polje-labela">Podnazlov</label>
                     <input type="text" name="podnazlov" value="{{.Podnazlov}}"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                         placeholder="npr. Servis računara">
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Adresa</label>
+                    <label class="polje-labela">Adresa</label>
                     <input type="text" name="adresa" value="{{.Adresa}}"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                         placeholder="npr. Ulica i broj, Grad">
@@ -97,13 +97,13 @@
 
                 <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Telefon</label>
+                        <label class="polje-labela">Telefon</label>
                         <input type="text" name="telefon" value="{{.Telefon}}"
                             style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                             placeholder="npr. +381 11 123 4567">
                     </div>
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">PIB</label>
+                        <label class="polje-labela">PIB</label>
                         <input type="text" name="pib" value="{{.PIB}}"
                             style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                             placeholder="npr. 123456789">
diff --git a/web/templates/stranice/podesavanja_opste.html b/web/templates/stranice/podesavanja_opste.html
index fb65ed3..a904790 100644
--- a/web/templates/stranice/podesavanja_opste.html
+++ b/web/templates/stranice/podesavanja_opste.html
@@ -66,21 +66,21 @@
 
             <div style="display:flex;flex-direction:column;gap:14px;">
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Naziv firme</label>
+                    <label class="polje-labela">Naziv firme</label>
                     <input type="text" name="naziv_firme" value="{{.NazivFirme}}"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                         placeholder="npr. NTech">
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Podnazlov</label>
+                    <label class="polje-labela">Podnazlov</label>
                     <input type="text" name="podnazlov" value="{{.Podnazlov}}"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                         placeholder="npr. Servis računara">
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Adresa</label>
+                    <label class="polje-labela">Adresa</label>
                     <input type="text" name="adresa" value="{{.Adresa}}"
                         style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                         placeholder="npr. Ulica i broj, Grad">
@@ -88,13 +88,13 @@
 
                 <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Telefon</label>
+                        <label class="polje-labela">Telefon</label>
                         <input type="text" name="telefon" value="{{.Telefon}}"
                             style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                             placeholder="npr. +381 11 123 4567">
                     </div>
                     <div>
-                        <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">PIB</label>
+                        <label class="polje-labela">PIB</label>
                         <input type="text" name="pib" value="{{.PIB}}"
                             style="width:100%;padding:8px 12px;border:0.5px solid var(--ivica);border-radius:8px;font-size:14px;background:var(--pozadina);color:var(--tekst-glavni);outline:none;"
                             placeholder="npr. 123456789">
diff --git a/web/templates/stranice/podesavanja_sistem.html b/web/templates/stranice/podesavanja_sistem.html
index e0da157..fe9fc92 100644
--- a/web/templates/stranice/podesavanja_sistem.html
+++ b/web/templates/stranice/podesavanja_sistem.html
@@ -42,12 +42,12 @@
                 <input type="hidden" name="_next" value="/admin/podesavanja/sistem">
                 <div style="display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;">
                     <div>
-                        <label for="backup_interval_sati" style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Razmak između backupa (sati)</label>
+                        <label for="backup_interval_sati" class="polje-labela">Razmak između backupa (sati)</label>
                         <input type="number" id="backup_interval_sati" name="backup_interval_sati" min="1" max="720" value="{{.BackupIntervalSati}}"
                             style="width:140px;padding:8px 12px;background:var(--pozadina);border:0.5px solid var(--ivica);border-radius:8px;color:var(--tekst-glavni);font-size:14px;">
                     </div>
                     <div>
-                        <label for="backup_broj_kopija" style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Broj kopija koje se čuvaju</label>
+                        <label for="backup_broj_kopija" class="polje-labela">Broj kopija koje se čuvaju</label>
                         <input type="number" id="backup_broj_kopija" name="backup_broj_kopija" min="1" max="100" value="{{.BackupBrojKopija}}"
                             style="width:140px;padding:8px 12px;background:var(--pozadina);border:0.5px solid var(--ivica);border-radius:8px;color:var(--tekst-glavni);font-size:14px;">
                     </div>
diff --git a/web/templates/stranice/podsetnik_forma.html b/web/templates/stranice/podsetnik_forma.html
index e6a00f7..725644a 100644
--- a/web/templates/stranice/podsetnik_forma.html
+++ b/web/templates/stranice/podsetnik_forma.html
@@ -31,7 +31,7 @@
             <div style="display:flex;flex-direction:column;gap:16px;">
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                    <label class="polje-labela">
                         Naslov <span style="color:var(--greska);">*</span>
                     </label>
                     <input type="text" name="naslov" value="{{.Podsetnik.Naslov}}"
@@ -40,7 +40,7 @@
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                    <label class="polje-labela">
                         Datum podsećanja <span style="color:var(--greska);">*</span>
                     </label>
                     <input type="date" name="datum_podsecanja"
@@ -49,7 +49,7 @@
                 </div>
 
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+                    <label class="polje-labela">Napomena</label>
                     <textarea name="napomena" rows="4"
                         placeholder="Detalji ili beleška vezana za ovaj podsetnik..."
                         style="width:100%;resize:vertical;">{{.Podsetnik.Napomena}}</textarea>
@@ -57,7 +57,7 @@
 
                 {{if .Korisnici}}
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                    <label class="polje-labela">
                         Dodeli korisniku
                     </label>
                     <select name="korisnik_id" style="width:100%;">
diff --git a/web/templates/stranice/prodaja_forma.html b/web/templates/stranice/prodaja_forma.html
index 9401428..24d22c6 100644
--- a/web/templates/stranice/prodaja_forma.html
+++ b/web/templates/stranice/prodaja_forma.html
@@ -51,7 +51,7 @@
       <div style="display: flex; flex-direction: column; gap: 14px">
         <div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
           <div>
-            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Klijent</label>
+            <label class="polje-labela">Klijent</label>
             <select name="klijent_id" style="width: 100%">
               <option value="">— bez klijenta —</option>
               {{range .Klijenti}}
@@ -60,7 +60,7 @@
             </select>
           </div>
           <div>
-            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Način plaćanja</label>
+            <label class="polje-labela">Način plaćanja</label>
             <select name="nacin_placanja" style="width:100%;">
               <option value="gotovina">Gotovina</option>
               <option value="kartica">Platna kartica</option>
@@ -69,7 +69,7 @@
           </div>
         </div>
         <div>
-          <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+          <label class="polje-labela">Napomena</label>
           <textarea name="napomena" rows="2"
             placeholder="Interna napomena o prodaji..."
             style="width: 100%; resize: vertical"></textarea>
diff --git a/web/templates/stranice/servis_forma.html b/web/templates/stranice/servis_forma.html
index 8033264..c6a84af 100644
--- a/web/templates/stranice/servis_forma.html
+++ b/web/templates/stranice/servis_forma.html
@@ -45,7 +45,7 @@
                     <div style="display:flex;flex-direction:column;gap:12px;">
                         <div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                             <div>
-                                <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                                <label class="polje-labela">
                                     Uređaj <span style="color:#dc2626;">*</span>
                                 </label>
                                 <input type="text" name="uredjaj" value="{{.Nalog.Uredjaj}}"
@@ -53,14 +53,14 @@
                                     style="width:100%;">
                             </div>
                             <div>
-                                <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Serijski broj</label>
+                                <label class="polje-labela">Serijski broj</label>
                                 <input type="text" name="serijski_broj" value="{{.Nalog.SerijskiBroj}}"
                                     placeholder="npr. 5CD1234XYZ"
                                     style="width:100%;">
                             </div>
                         </div>
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">
+                            <label class="polje-labela">
                                 Opis kvara <span style="color:#dc2626;">*</span>
                             </label>
                             <textarea name="opis_kvara" rows="3"
@@ -75,7 +75,7 @@
                     <div class="sekcija-naslov">Klijent i tehničar</div>
                     <div class="forma-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Klijent</label>
+                            <label class="polje-labela">Klijent</label>
                             <select name="klijent_id" style="width:100%;">
                                 <option value="">— bez klijenta —</option>
                                 {{range .Klijenti}}
@@ -87,7 +87,7 @@
                             </select>
                         </div>
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Tehničar</label>
+                            <label class="polje-labela">Tehničar</label>
                             <select name="tehnicar_id" style="width:100%;">
                                 <option value="">— nedodeljen —</option>
                                 {{range .Tehnicari}}
@@ -106,7 +106,7 @@
                     <div class="sekcija-naslov">Status i datumi</div>
                     <div class="forma-grid-4" style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;">
                         <div style="grid-column:span 2;">
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Status naloga</label>
+                            <label class="polje-labela">Status naloga</label>
                             <select name="status" style="width:100%;">
                                 {{range .SviStatusi}}
                                 <option value="{{.}}" {{if eq . $.Nalog.Status}}selected{{end}}>{{.}}</option>
@@ -114,13 +114,13 @@
                             </select>
                         </div>
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Datum završetka</label>
+                            <label class="polje-labela">Datum završetka</label>
                             <input type="date" name="datum_zavrsetka"
                                 value="{{if .Nalog.DatumZavrsetka}}{{.Nalog.DatumZavrsetka.Format "2006-01-02"}}{{end}}"
                                 style="width:100%;">
                         </div>
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Garancija do</label>
+                            <label class="polje-labela">Garancija do</label>
                             <input type="date" name="garancija_do"
                                 value="{{if .Nalog.GarancijaDo}}{{.Nalog.GarancijaDo.Format "2006-01-02"}}{{end}}"
                                 style="width:100%;">
@@ -133,25 +133,25 @@
                     <div class="sekcija-naslov">Cene (din)</div>
                     <div class="forma-grid-4" style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;">
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Procena od</label>
+                            <label class="polje-labela">Procena od</label>
                             <input type="number" name="cena_od" min="0" step="0.01"
                                 value="{{if .Nalog.CenaOd}}{{.Nalog.CenaOd}}{{end}}"
                                 placeholder="0" style="width:100%;">
                         </div>
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Procena do</label>
+                            <label class="polje-labela">Procena do</label>
                             <input type="number" name="cena_do" min="0" step="0.01"
                                 value="{{if .Nalog.CenaDo}}{{.Nalog.CenaDo}}{{end}}"
                                 placeholder="0" style="width:100%;">
                         </div>
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Konačna cena</label>
+                            <label class="polje-labela">Konačna cena</label>
                             <input type="number" name="cena_konacna" min="0" step="0.01"
                                 value="{{if .Nalog.CenaKonacna}}{{.Nalog.CenaKonacna}}{{end}}"
                                 placeholder="0" style="width:100%;">
                         </div>
                         <div>
-                            <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Avans</label>
+                            <label class="polje-labela">Avans</label>
                             <input type="number" name="avans" min="0" step="0.01"
                                 value="{{if .Nalog.Avans}}{{.Nalog.Avans}}{{end}}"
                                 placeholder="0" style="width:100%;">
@@ -161,7 +161,7 @@
 
                 <!-- napomena -->
                 <div>
-                    <label style="font-size:13px;color:var(--tekst-sporedni);display:block;margin-bottom:6px;">Napomena</label>
+                    <label class="polje-labela">Napomena</label>
                     <textarea name="napomena" rows="2"
                         placeholder="Interna napomena o nalogu..."
                         style="width:100%;resize:vertical;">{{.Nalog.Napomena}}</textarea>