diff --git a/web/templates/stranice/admin_dozvole.html b/web/templates/stranice/admin_dozvole.html
index 27019c5..fa9faad 100644
--- a/web/templates/stranice/admin_dozvole.html
+++ b/web/templates/stranice/admin_dozvole.html
@@ -43,7 +43,7 @@
         </div>
         <form method="POST" action="/admin/dozvole/sacuvaj">
             <div style="overflow-x:auto;">
-                <table style="width:100%;border-collapse:collapse;">
+                <table class="tabela">
                     <thead>
                         <tr style="border-bottom:0.5px solid var(--ivica);">
                             <th style="padding:10px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);min-width:200px;">Akcija</th>
diff --git a/web/templates/stranice/admin_korisnici.html b/web/templates/stranice/admin_korisnici.html
index fc31a31..9eb0600 100644
--- a/web/templates/stranice/admin_korisnici.html
+++ b/web/templates/stranice/admin_korisnici.html
@@ -30,7 +30,7 @@
             <span style="font-size:15px;font-weight:500;color:var(--tekst-glavni);">Korisnici sistema</span>
         </div>
         <div style="overflow-x:auto;">
-            <table class="korisnici-tabela" style="width:100%;border-collapse:collapse;">
+            <table class="korisnici-tabela tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:10px 20px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Korisničko ime</th>
diff --git a/web/templates/stranice/admin_login_istorija.html b/web/templates/stranice/admin_login_istorija.html
index d0d2953..76542b9 100644
--- a/web/templates/stranice/admin_login_istorija.html
+++ b/web/templates/stranice/admin_login_istorija.html
@@ -20,7 +20,7 @@
 
     {{if .Istorija}}
     <div style="overflow-x: auto">
-      <table style="width: 100%; border-collapse: collapse">
+      <table class="tabela">
         <thead>
           <tr style="border-bottom: 0.5px solid var(--ivica)">
             <th style="padding: 10px 20px; text-align: left; font-size: 12px; font-weight: 500; color: var(--tekst-sporedni); white-space: nowrap">Datum i vreme</th>
diff --git a/web/templates/stranice/dobavljaci.html b/web/templates/stranice/dobavljaci.html
index a1ecaa5..46ff8f9 100644
--- a/web/templates/stranice/dobavljaci.html
+++ b/web/templates/stranice/dobavljaci.html
@@ -49,7 +49,7 @@
     <!-- desktop tabela -->
     <div class="kartica dobavljaci-tabela animiraj" style="padding:0;overflow:hidden;">
         <div style="overflow-x:auto;">
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Naziv</th>
diff --git a/web/templates/stranice/izvestaji.html b/web/templates/stranice/izvestaji.html
index 105d45f..a19316b 100644
--- a/web/templates/stranice/izvestaji.html
+++ b/web/templates/stranice/izvestaji.html
@@ -46,7 +46,7 @@
         </div>
 
         <div style="overflow-x:auto;">
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:8px 12px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Mesec</th>
@@ -80,7 +80,7 @@
         <div class="izv-naslov">Stari otvoreni nalozi — bez završetka duže od 14 dana</div>
         {{if .StariNalozi}}
         <div style="overflow-x:auto;">
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:8px 12px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Nalog</th>
@@ -124,7 +124,7 @@
         <div class="kartica izv-grid-kartica animiraj">
             <div class="izv-naslov">Najprodavaniji artikli — top 10</div>
             {{if .TopArtikli}}
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:6px 8px;text-align:left;font-size:11px;font-weight:500;color:var(--tekst-sporedni);width:32px;">#</th>
@@ -158,7 +158,7 @@
         <div class="kartica izv-grid-kartica animiraj">
             <div class="izv-naslov">Najvažniji klijenti — top 10</div>
             {{if .TopKlijenti}}
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:6px 8px;text-align:left;font-size:11px;font-weight:500;color:var(--tekst-sporedni);width:32px;">#</th>
diff --git a/web/templates/stranice/magacin.html b/web/templates/stranice/magacin.html
index cd1a634..d0a08b3 100644
--- a/web/templates/stranice/magacin.html
+++ b/web/templates/stranice/magacin.html
@@ -72,7 +72,7 @@
     <!-- tabela artikala -->
     <div class="kartica animiraj" style="padding:0;overflow:hidden;">
         <div style="overflow-x:auto;">
-            <table class="magacin-tabela" style="width:100%;border-collapse:collapse;">
+            <table class="magacin-tabela tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-jak);">Naziv</th>
diff --git a/web/templates/stranice/nabavka_detalji.html b/web/templates/stranice/nabavka_detalji.html
index 6dc57b1..7b233ec 100644
--- a/web/templates/stranice/nabavka_detalji.html
+++ b/web/templates/stranice/nabavka_detalji.html
@@ -61,7 +61,7 @@
 
         <!-- desktop tabela -->
         <div class="stavke-tabela-wrapper" style="overflow-x:auto;">
-            <table class="stavke-tabela" style="width:100%;border-collapse:collapse;">
+            <table class="stavke-tabela tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:10px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Artikal</th>
diff --git a/web/templates/stranice/nabavka_forma.html b/web/templates/stranice/nabavka_forma.html
index 9afb8b2..ddeb668 100644
--- a/web/templates/stranice/nabavka_forma.html
+++ b/web/templates/stranice/nabavka_forma.html
@@ -73,7 +73,7 @@
 
             <!-- desktop tabela stavki -->
             <div class="stavke-tabela-wrapper" style="overflow-x:auto;">
-                <table style="width:100%;border-collapse:collapse;">
+                <table class="tabela">
                     <thead>
                         <tr style="border-bottom:0.5px solid var(--ivica);">
                             <th style="padding:8px 10px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Artikal</th>
diff --git a/web/templates/stranice/nabavke.html b/web/templates/stranice/nabavke.html
index 7e10b21..af19021 100644
--- a/web/templates/stranice/nabavke.html
+++ b/web/templates/stranice/nabavke.html
@@ -41,7 +41,7 @@
     <!-- desktop tabela -->
     <div class="kartica nabavke-tabela animiraj" style="padding:0;overflow:hidden;">
         <div style="overflow-x:auto;">
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Datum</th>
diff --git a/web/templates/stranice/podesavanja.html b/web/templates/stranice/podesavanja.html
index 892c873..ef6f066 100644
--- a/web/templates/stranice/podesavanja.html
+++ b/web/templates/stranice/podesavanja.html
@@ -297,7 +297,7 @@
             <div style="font-size:13px;font-weight:500;color:var(--tekst-glavni);margin-bottom:10px;">Dostupne rezervne kopije</div>
             {{if .Backupi}}
             <div style="overflow-x:auto;">
-                <table style="width:100%;border-collapse:collapse;font-size:13px;">
+                <table class="tabela" style="font-size:13px;">
                     <thead>
                         <tr style="border-bottom:0.5px solid var(--ivica);">
                             <th style="padding:8px 12px;text-align:left;font-weight:500;color:var(--tekst-sporedni);">Naziv fajla</th>
diff --git a/web/templates/stranice/podesavanja_sistem.html b/web/templates/stranice/podesavanja_sistem.html
index fe9fc92..d3b593e 100644
--- a/web/templates/stranice/podesavanja_sistem.html
+++ b/web/templates/stranice/podesavanja_sistem.html
@@ -67,7 +67,7 @@
             <div style="font-size:13px;font-weight:500;color:var(--tekst-glavni);margin-bottom:10px;">Dostupne rezervne kopije</div>
             {{if .Backupi}}
             <div style="overflow-x:auto;">
-                <table style="width:100%;border-collapse:collapse;font-size:13px;">
+                <table class="tabela" style="font-size:13px;">
                     <thead>
                         <tr style="border-bottom:0.5px solid var(--ivica);">
                             <th style="padding:8px 12px;text-align:left;font-weight:500;color:var(--tekst-sporedni);">Naziv fajla</th>
diff --git a/web/templates/stranice/podsetnici.html b/web/templates/stranice/podsetnici.html
index 10902d0..ec705df 100644
--- a/web/templates/stranice/podsetnici.html
+++ b/web/templates/stranice/podsetnici.html
@@ -52,7 +52,7 @@
     <!-- desktop tabela -->
     <div class="kartica pod-tabela animiraj" style="padding:0;overflow:hidden;">
         <div style="overflow-x:auto;">
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Naslov</th>
diff --git a/web/templates/stranice/prodaja.html b/web/templates/stranice/prodaja.html
index e4f46b2..c5f94a0 100644
--- a/web/templates/stranice/prodaja.html
+++ b/web/templates/stranice/prodaja.html
@@ -40,7 +40,7 @@
     <!-- desktop tabela -->
     <div class="kartica prodaja-tabela animiraj" style="padding: 0; overflow: hidden">
         <div style="overflow-x: auto">
-            <table style="width: 100%; border-collapse: collapse">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom: 0.5px solid var(--ivica)">
                         <th style="padding: 12px 16px; text-align: left; font-size: 12px; font-weight: 500; color: var(--tekst-sporedni)">Broj naloga</th>
diff --git a/web/templates/stranice/prodaja_detalji.html b/web/templates/stranice/prodaja_detalji.html
index 9c4ed79..a51d0f5 100644
--- a/web/templates/stranice/prodaja_detalji.html
+++ b/web/templates/stranice/prodaja_detalji.html
@@ -158,7 +158,7 @@
         style="font-size: 15px; font-weight: 500; color: var(--tekst-glavni)">Stavke</span>
     </div>
     <div style="overflow-x: auto">
-      <table style="width: 100%; border-collapse: collapse">
+      <table class="tabela">
         <thead>
           <tr style="border-bottom: 0.5px solid var(--ivica)">
             <th
diff --git a/web/templates/stranice/prodaja_forma.html b/web/templates/stranice/prodaja_forma.html
index 24d22c6..1ce9368 100644
--- a/web/templates/stranice/prodaja_forma.html
+++ b/web/templates/stranice/prodaja_forma.html
@@ -103,7 +103,7 @@
 
       <!-- desktop tabela stavki -->
       <div class="stavke-tabela-wrapper" style="overflow-x: auto">
-        <table style="width: 100%; border-collapse: collapse">
+        <table class="tabela">
           <thead>
             <tr style="border-bottom: 0.5px solid var(--ivica)">
               <th
diff --git a/web/templates/stranice/servis.html b/web/templates/stranice/servis.html
index c34d2ce..74f2430 100644
--- a/web/templates/stranice/servis.html
+++ b/web/templates/stranice/servis.html
@@ -76,7 +76,7 @@
     <!-- desktop tabela -->
     <div class="kartica servis-tabela animiraj" style="padding:0;overflow:hidden;">
         <div style="overflow-x:auto;">
-            <table style="width:100%;border-collapse:collapse;">
+            <table class="tabela">
                 <thead>
                     <tr style="border-bottom:0.5px solid var(--ivica);">
                         <th style="padding:12px 16px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Broj naloga</th>
diff --git a/web/templates/stranice/servis_detalji.html b/web/templates/stranice/servis_detalji.html
index e6b3a7b..a66f030 100644
--- a/web/templates/stranice/servis_detalji.html
+++ b/web/templates/stranice/servis_detalji.html
@@ -198,7 +198,7 @@
 
         <!-- lista delova -->
         {{if .ServisniDelovi}}
-        <table style="width:100%;border-collapse:collapse;">
+        <table class="tabela">
             <thead>
                 <tr style="border-bottom:0.5px solid var(--ivica);">
                     <th style="padding:8px 10px;text-align:left;font-size:12px;font-weight:500;color:var(--tekst-sporedni);">Artikal</th>