From 1670f2113c3e3b1d3a7b16eae3f6fab48313b304 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Thu, 4 Sep 2025 16:49:04 +0200
Subject: [PATCH] Fix Card component z-index and favorite indicator positioning

- Reduce icon z-index from 10 to 5 to prevent overlap with header
- Adjust favorite indicator position from -0.5em to 0.1em for better spacing
---
 src/lib/components/Card.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 8a22ccc2..87f2658d 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -71,7 +71,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 	font-size: 1.5em;
 	box-shadow: 0em 0em 1em 0.1em rgba(0, 0, 0, 0.6);
 	transition: 100ms;
-	z-index: 10;
+	z-index: 5;
 }
 #image{
 	width: 300px;
@@ -197,8 +197,8 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 .favorite-indicator{
 	position: absolute;
 	font-size: 2rem;
-	top: -0.5em;
-	left: -0.5em;
+	top: 0.1em;
+	left: 0.1em;
 	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.8));
 }