From 7e94758b2312b203cdecb12e363f06dd2f00c4bb Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Mon, 16 Feb 2026 17:51:31 +0100
Subject: [PATCH] recipes: CompactCard with larger icon and anchor

---
 src/lib/components/recipes/CompactCard.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/recipes/CompactCard.svelte b/src/lib/components/recipes/CompactCard.svelte
index 5f5b465..b78b713 100644
--- a/src/lib/components/recipes/CompactCard.svelte
+++ b/src/lib/components/recipes/CompactCard.svelte
@@ -115,12 +115,12 @@
 }
 .icon {
 	position: absolute;
-	top: -0.75em;
+	top: -1.2em;
 	right: 0.6em;
 	width: 2em;
 	height: 2em;
-	font-size: 1rem;
-	background-color: var(--color-primary);
+	font-size: 1.2rem;
+	background-color: var(--nord0);
 	color: white;
 	z-index: 3;
 }
@@ -149,7 +149,7 @@
 	</div>
 	<div class="info">
 		{#if isInSeason}
-			<span class="icon g-icon-badge">{recipe.icon}</span>
+			<a href="{routePrefix}/icon/{recipe.icon}" class="icon g-icon-badge">{recipe.icon}</a>
 		{/if}
 		<p class="name">{@html recipe.name}</p>
 		{#if recipe.tags?.length}