From 58c4ea0799bbad652b70bcea1fc1e4d5e1d1cf74 Mon Sep 17 00:00:00 2001
From: Iva <iva@friedrich.si>
Date: Wed, 4 Nov 2026 15:58:02 +0100
Subject: [PATCH] popravljena responsive velikost zemlejvida

---
 o_nas.html     | 14 ++++++++++++--
 stylesheet.css | 14 ++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/o_nas.html b/o_nas.html
index cda424c..28c7a59 100644
--- a/o_nas.html
+++ b/o_nas.html
@@ -93,8 +93,18 @@
                     3212 Vojnik<br>
                     Slovenija
                 </i></p>
-        <iframe width="400px" height="350" src="https://www.openstreetmap.org/export/embed?bbox=15.325708128511907%2C46.29054746034702%2C15.329828001558782%2C46.2928901216514&amp;layer=mapnik&amp;marker=46.291718803524695%2C15.327768065035343" style="border: 1px solid black"></iframe><br>
-        <small><a href="https://www.openstreetmap.org/?mlat=46.291719&amp;mlon=15.327768#map=17/46.291719/15.327768">Prikaži večji zemljevid</a></small>
+        <iframe class="zemljevid"
+            src="https://www.openstreetmap.org/export/embed?bbox=15.325708128511907%2C46.29054746034702%2C15.329828001558782%2C46.2928901216514&amp;layer=mapnik&amp;marker=46.291718803524695%2C15.327768065035343"
+            title="Lokacija restavracije">
+        </iframe>
+
+        <br>
+
+        <small>
+            <a href="https://www.openstreetmap.org/?mlat=46.291719&amp;mlon=15.327768#map=17/46.291719/15.327768">
+                Prikaži večji zemljevid
+            </a>
+        </small>
         <br><br>
     </main>
     <footer>
diff --git a/stylesheet.css b/stylesheet.css
index 8c7bc39..c22bf2a 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -856,6 +856,13 @@ footer p {
     font-weight: 700;
 }
 
+.zemljevid {
+    width: 400px;
+    max-width: 100%;
+    height: 350px;
+    border: 1px solid black;
+}
+
 /* tablica 600px do 1000px */
 @media (min-width: 600px) and (max-width: 1000px) {
     /* Navigacija ostane vidna in se po potrebi prelomi. */
@@ -904,6 +911,11 @@ footer p {
         flex-direction: column;
         align-items: stretch;
     }
+
+    .zemljevid {
+    width: calc(100% - 2rem);
+    height: 350px;
+    }
 }
 
 /* telefon do 600px */
@@ -1034,6 +1046,8 @@ footer p {
         flex-direction: column;
         align-items: stretch;
     }
+
+
 }
 
 /* dark mode, samo spremenjene spremenljivke css */