From 5108bf789e9c97dc859e97cd966be9a66b9bcdec Mon Sep 17 00:00:00 2001
From: Iva <iva@friedrich.si>
Date: Wed, 4 Nov 2026 08:24:30 +0100
Subject: [PATCH] spremenjena oblika da se pravilno izpisuje napaka pri vpisu
 imeni, popravljen html da bom lahko z js uredila izpis napake pri izpisu
 emaila

---
 rezervacija.html |  8 ++++++--
 stylesheet.css   | 17 +++++++++++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/rezervacija.html b/rezervacija.html
index afef450..6138328 100644
--- a/rezervacija.html
+++ b/rezervacija.html
@@ -73,8 +73,12 @@
                         placeholder="Neža Novak" required>
                     <span class="sporocilo_napake" id="napaka-ime"></span> <!span bo prostor kjer se bodo izpisale napake!>
                 </div>
-                E-poštni naslov
-                <input type="email" id="email" name="email" placeholder="neza.novak@primer.si" required>
+                <label for="email">E-poštni naslov</label>
+                <div class="vnos_rezervacija">
+                    <input type="email" id="email" name="email"
+                        placeholder="neza.novak@primer.si" required>
+                    <span class="sporocilo_napake" id="napaka-email"></span>
+                </div>
                 Telefonska številka
                 <input type="tel" id="telefon-st" name="telefon-st"
                     placeholder="040 123 456" required> <!števila bom prirejala z js!>
diff --git a/stylesheet.css b/stylesheet.css
index 2fb035a..b4f0d3f 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -711,6 +711,23 @@ footer p {
     color: var(--barva-besedilo);
 }
 
+/* Vnosno polje zavzame celotno širino */
+.vnos_rezervacija input {
+    width: 100%;
+}
+
+/* Sporočilo o napaki */
+.sporocilo_napake {
+    color: #c62828;
+    font-size: 0.8rem;
+    line-height: 1.4;
+}
+
+/* Rdeča obroba pri napačnem vnosu */
+.field_rezervacija input.napacno {
+    border: 0.15rem solid #c62828;
+}
+
 
 .opcije {
     display: flex ;