From c2d65dd9de87ae1c9584c4341409d6a3c4676280 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Thu, 2 Oct 2025 14:30:31 +0200
Subject: [PATCH] fix nested links not working on recipe cards

---
 src/lib/components/Card.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 87f2658..c9ce3e3 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -32,6 +32,8 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 <style>
 .card_anchor{
 	border-radius: 20px;
+	cursor: pointer;
+	display: inline-block;
 }
 .card{
 	--card-width: 300px;
@@ -224,7 +226,7 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 }
 </style>
 
-<a class=card_anchor href="/rezepte/{recipe.short_name}" class:search_me={search} data-tags=[{recipe.tags}] >
+<div class=card_anchor class:search_me={search} data-tags=[{recipe.tags}] on:click={() => window.location.href = `/rezepte/${recipe.short_name}`}>
 <div class="card" class:margin_right={do_margin_right}>
 	<div class=div_div_image >
 		<div class=div_image style="background-image:url(https://bocken.org/static/rezepte/placeholder/{img_name})">
@@ -253,4 +255,4 @@ const img_name=recipe.short_name + ".webp?v=" + recipe.dateModified
 		</div>
 	</div>
 </div>
-</a>
+</div>