From be26769efbf358d6aae0ddd5407b75ea8bfe19ba Mon Sep 17 00:00:00 2001 From: Alexander Bocken Date: Thu, 4 Sep 2025 16:49:04 +0200 Subject: [PATCH] Fix Card component z-index and favorite indicator positioning MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- 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 8a22ccc..87f2658 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)); }