From 9ddafaacca510d78d1f988abe0f338794487e464 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Mon, 22 Jan 2024 15:09:08 +0100
Subject: [PATCH] fix weird shift in Cards due to double insertion of <a> tag
 on server

---
 src/lib/components/Card.svelte          | 1 +
 src/lib/components/MediaScroller.svelte | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index afafa58..f9c7a30 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -25,6 +25,7 @@ onMount(() => {
 	border-radius: 20px;
 }
 .card{
+	margin-right: 2em; /* gap in MediaScroller does not work due to double insertion of a tag on server side */
 	--card-width: 300px;
 	position: relative;
 	flex-shrink: 0;
diff --git a/src/lib/components/MediaScroller.svelte b/src/lib/components/MediaScroller.svelte
index 537fd7d..e520fe5 100644
--- a/src/lib/components/MediaScroller.svelte
+++ b/src/lib/components/MediaScroller.svelte
@@ -8,7 +8,7 @@ export let title
   flex-direction: row;
   flex-wrap:nowrap;
   overflow-x: auto;
-  gap: 2rem;
+  /*gap: 2rem;*/ /*messes up if js disabled as anchor tag is inserted twice...*/
   padding: 3rem;
 }
 .media_scroller_wrapper{