From d21162c10ce488f9f40c4dd2cfebd5b73bb3b560 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Mon, 6 Apr 2026 21:30:22 +0200
Subject: [PATCH] fix: move clear filter button from muscle diagram to filter
 pills area

---
 package.json                                  |  2 +-
 .../components/fitness/MuscleFilter.svelte    | 22 -------------------
 .../[exercises=fitnessExercises]/+page.svelte | 15 +++++++++++++
 3 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index fc536ed..3e53d65 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "homepage",
-	"version": "1.4.1",
+	"version": "1.4.2",
 	"private": true,
 	"type": "module",
 	"scripts": {
diff --git a/src/lib/components/fitness/MuscleFilter.svelte b/src/lib/components/fitness/MuscleFilter.svelte
index 96a828f..4dc9867 100644
--- a/src/lib/components/fitness/MuscleFilter.svelte
+++ b/src/lib/components/fitness/MuscleFilter.svelte
@@ -127,10 +127,6 @@
 			</div>
 			{#if hoveredLabel && hoveredSide === 'front'}
 				<div class="hover-label">{hoveredLabel}</div>
-			{:else if selectedGroups.length > 0}
-				<button class="clear-btn" onclick={() => selectedGroups = []}>
-					{isEn ? 'Clear' : 'Zurücksetzen'}
-				</button>
 			{/if}
 		</div>
 		<div class="split-right">
@@ -161,10 +157,6 @@
 
 		{#if hoveredLabel}
 			<div class="hover-label">{hoveredLabel}</div>
-		{:else if selectedGroups.length > 0}
-			<button class="clear-btn" onclick={() => selectedGroups = []}>
-				{isEn ? 'Clear filter' : 'Filter zurücksetzen'}
-			</button>
 		{/if}
 	</div>
 {/if}
@@ -228,20 +220,6 @@
 		text-align: center;
 	}
 
-	.clear-btn {
-		background: none;
-		border: none;
-		color: var(--color-primary);
-		font-size: 0.7rem;
-		font-weight: 600;
-		cursor: pointer;
-		padding: 0.2rem 0.5rem;
-	}
-
-	.clear-btn:hover {
-		text-decoration: underline;
-	}
-
 	/* Split mode: two independent columns for parent to position */
 	.muscle-filter-split {
 		display: contents;
diff --git a/src/routes/fitness/[exercises=fitnessExercises]/+page.svelte b/src/routes/fitness/[exercises=fitnessExercises]/+page.svelte
index 46fb249..b0b44c1 100644
--- a/src/routes/fitness/[exercises=fitnessExercises]/+page.svelte
+++ b/src/routes/fitness/[exercises=fitnessExercises]/+page.svelte
@@ -120,6 +120,9 @@
 					<span class="pill-remove" aria-hidden="true">×</span>
 				</button>
 			{/each}
+			<button class="clear-filters" onclick={() => { muscleGroups = []; equipmentFilters = []; }}>
+				{isEn ? 'Clear all' : 'Alle löschen'}
+			</button>
 		</div>
 	{/if}
 
@@ -257,6 +260,18 @@
 		font-weight: bold;
 		margin-left: 0.1rem;
 	}
+	.clear-filters {
+		all: unset;
+		font-size: 0.75rem;
+		font-weight: 600;
+		color: var(--color-text-secondary);
+		cursor: pointer;
+		padding: 0.25rem 0.4rem;
+	}
+	.clear-filters:hover {
+		color: var(--color-text-primary);
+		text-decoration: underline;
+	}
 
 	.exercise-list {
 		list-style: none;