From 41410e3079fd1cae601137d8773a71033120733c Mon Sep 17 00:00:00 2001
From: unknown <matic.ivesic@gmail.com>
Date: Sun, 2 Nov 2025 20:56:14 +0100
Subject: [PATCH] Added hover effect to contact elements

---
 src/lib/HeaderContact.svelte        | 6 +++---
 src/lib/HeaderContactElement.svelte | 6 +++++-
 src/lib/Main.svelte                 | 2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/lib/HeaderContact.svelte b/src/lib/HeaderContact.svelte
index 9b08429..1ca219d 100644
--- a/src/lib/HeaderContact.svelte
+++ b/src/lib/HeaderContact.svelte
@@ -17,12 +17,12 @@ export let customClass = '';
     .header-contact{
         display: flex;
         flex-direction: column;
-        gap: 0.5em;
+        gap: 0em;
     }
 }
 </style>
 
 <div class="header-contact {customClass}" >
-<HeaderContactElement image_src={mail_icon} image_alt="Mail icon" link="mailto:info@intelidom.si" text="info@intelidom.si"></HeaderContactElement>
-<HeaderContactElement image_src={phone_icon} image_alt="Phone icon" link="tel:+3860771166" text="040 77 11 66"></HeaderContactElement>
+<HeaderContactElement image_src={mail_icon} link="mailto:info@intelidom.si" text="info@intelidom.si"></HeaderContactElement>
+<HeaderContactElement image_src={phone_icon} link="tel:+3860771166" text="040 77 11 66"></HeaderContactElement>
 </div>
\ No newline at end of file
diff --git a/src/lib/HeaderContactElement.svelte b/src/lib/HeaderContactElement.svelte
index 9c2edd9..ea144af 100644
--- a/src/lib/HeaderContactElement.svelte
+++ b/src/lib/HeaderContactElement.svelte
@@ -1,6 +1,5 @@
 <script>
     export let image_src;
-    export let image_alt;
     export let link;
     export let text;
     export let icon_color = '#bcc0c2';
@@ -14,10 +13,15 @@
         display: flex;
         gap: 0.75em;
         align-items: center;
+        padding: 0.3em;
+        border-radius: 0.5em;
+        transition: 0.2s;
     }
 
     div:hover{
         cursor: pointer;
+        background-color: rgba(255, 255, 255, 0.055);
+        transition: 0.2s;
     }
 
     a{
diff --git a/src/lib/Main.svelte b/src/lib/Main.svelte
index ebd8106..ddf0931 100644
--- a/src/lib/Main.svelte
+++ b/src/lib/Main.svelte
@@ -20,7 +20,7 @@ li{
 <div class="main">
     <Service service='Pametne inštalacije' serviceImage='/loxone_image.png'>
         <ul>
-            <li>Inštalacija in zagon <a style="color: rgb(66, 175, 56); text-decoration: none;" href="https://www.loxone.com/int/">Loxone</a> sistema za pametno hišo</li>
+            <li>Inštalacija in zagon <a style="color: rgb(66, 175, 56);" href="https://www.loxone.com/int/">Loxone</a> sistema za pametno hišo</li>
             <li>Montaža in zagon domofonskih sistemov</li>
             <li>Odpiranje vrat na pin kodo ali kartico</li>
         </ul>