From 51a832b3b9f7669508a5bee66366d7fdd72bc8af Mon Sep 17 00:00:00 2001
From: Frederic Cabassut <frederic.cabassut@arte.tv>
Date: Mon, 9 Mar 2026 21:34:35 +0100
Subject: [PATCH] fix: make tag filter horizontally scrollable on mobile

Keep tags on a single line with horizontal scroll on small screens,
wrap normally on desktop.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/lib/components/TagFilter.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/TagFilter.svelte b/src/lib/components/TagFilter.svelte
index ef0d022..cd37c67 100644
--- a/src/lib/components/TagFilter.svelte
+++ b/src/lib/components/TagFilter.svelte
@@ -15,7 +15,7 @@
 </script>
 
 {#if $allTags.length > 0}
-	<div class="flex flex-wrap gap-2" data-testid="tag-filter">
+	<div class="flex gap-2 overflow-x-auto max-md:flex-nowrap md:flex-wrap" data-testid="tag-filter">
 		{#each $allTags as tag}
 			<TagChip {tag} active={isTagActive(tag, $page.url.pathname)} onclick={() => toggleTag(tag)} />
 		{/each}