From 78e7e64e5a6eaa968e4355a3a90e3d6d3d51f311 Mon Sep 17 00:00:00 2001
From: Mark <poljansek.mark@gmail.com>
Date: Thu, 26 Feb 2026 23:26:18 +0100
Subject: [PATCH] =?UTF-8?q?Popravek=20prikaza=20na=C4=8Dinov=20posredovanj?=
 =?UTF-8?q?a=20na=20mobilnih=20napravah=20-=20dodana=20responsive=20grid?=
 =?UTF-8?q?=20struktura?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/css/style.css b/css/style.css
index 1b0d452..9259ed4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -7966,3 +7966,23 @@ html, body {
     grid-template-columns: 1fr; /* En stolpec na zelo majhnih zaslonih */
   }
 }
+
+
+/* --- Popravek za prikaz načinov posredovanja na mobilnih napravah --- */
+@media (max-width: 768px) {
+  /* Spremeni grid v en stolpec na mobilnih napravah */
+  .content-section > .container > div[style*="grid-template-columns: repeat(2, 1fr)"] {
+    grid-template-columns: 1fr !important;
+    gap: 2rem !important;
+  }
+  
+  /* Odstrani align-items: end, da se kartici ne poravnata po spodnjem robu */
+  .content-section > .container > div[style*="align-items: end"] {
+    align-items: stretch !important;
+  }
+  
+  /* Prilagodi padding za boljši prikaz */
+  .content-section > .container > div > div[style*="flex-direction: column"] {
+    padding-bottom: 0 !important;
+  }
+}