From 6e161dc677ade499a5b34dfd1a45aab9f423176e Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Wed, 8 Apr 2026 16:58:35 +0200
Subject: [PATCH] fix: remove redundant back links from nutrition sub-pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Header navigation and browser history already provide this
functionality — the inline back links were unnecessary clutter.
---
 package.json                                  |  2 +-
 .../food/[source]/[id]/+page.svelte           | 21 +------------------
 .../meals/+page.svelte                        | 20 ++++--------------
 3 files changed, 6 insertions(+), 37 deletions(-)

diff --git a/package.json b/package.json
index 71bb464..c887492 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "homepage",
-	"version": "1.14.1",
+	"version": "1.14.2",
 	"private": true,
 	"type": "module",
 	"scripts": {
diff --git a/src/routes/fitness/[nutrition=fitnessNutrition]/food/[source]/[id]/+page.svelte b/src/routes/fitness/[nutrition=fitnessNutrition]/food/[source]/[id]/+page.svelte
index 3c0df57..b5c8f63 100644
--- a/src/routes/fitness/[nutrition=fitnessNutrition]/food/[source]/[id]/+page.svelte
+++ b/src/routes/fitness/[nutrition=fitnessNutrition]/food/[source]/[id]/+page.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { page } from '$app/stores';
-	import { ChevronLeft, ChevronDown } from '@lucide/svelte';
+	import { ChevronDown } from '@lucide/svelte';
 	import { detectFitnessLang, fitnessSlugs, t } from '$lib/js/fitnessI18n';
 	import { NUTRIENT_META } from '$lib/data/dailyReferenceIntake';
 
@@ -136,12 +136,6 @@
 </svelte:head>
 
 <div class="food-detail">
-	<!-- Back link -->
-	<a class="back-link" href="/fitness/{s.nutrition}">
-		<ChevronLeft size={16} />
-		{t('nutrition_title', lang)}
-	</a>
-
 	<!-- Header -->
 	<header class="food-header">
 		<h1>{food.nameDe ?? food.name}</h1>
@@ -318,19 +312,6 @@
 		padding: 1rem;
 	}
 
-	.back-link {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.25rem;
-		color: var(--color-text-secondary);
-		text-decoration: none;
-		font-size: 0.85rem;
-		margin-bottom: 0.75rem;
-	}
-	.back-link:hover {
-		color: var(--color-text-primary);
-	}
-
 	/* Header */
 	.food-header {
 		margin-bottom: 1rem;
diff --git a/src/routes/fitness/[nutrition=fitnessNutrition]/meals/+page.svelte b/src/routes/fitness/[nutrition=fitnessNutrition]/meals/+page.svelte
index bc1a080..9340bd5 100644
--- a/src/routes/fitness/[nutrition=fitnessNutrition]/meals/+page.svelte
+++ b/src/routes/fitness/[nutrition=fitnessNutrition]/meals/+page.svelte
@@ -1,7 +1,7 @@
 <script>
 	import { page } from '$app/stores';
 	import { untrack } from 'svelte';
-	import { ChevronLeft, Plus, Trash2, Pencil, UtensilsCrossed, X } from '@lucide/svelte';
+	import { Plus, Trash2, Pencil, UtensilsCrossed, X } from '@lucide/svelte';
 	import { detectFitnessLang, fitnessSlugs, t } from '$lib/js/fitnessI18n';
 	import { toast } from '$lib/js/toast.svelte';
 	import { confirm } from '$lib/js/confirmDialog.svelte';
@@ -152,10 +152,7 @@
 <div class="meals-page">
 	<!-- Header -->
 	<div class="header">
-		<a href="/fitness/{s.nutrition}" class="back-link">
-			<ChevronLeft size={20} />
-			<span>{t('custom_meals', lang)}</span>
-		</a>
+		<h1 class="page-title">{t('custom_meals', lang)}</h1>
 		{#if !editing}
 			<button class="create-btn" onclick={startCreate}>
 				<Plus size={18} />
@@ -351,19 +348,10 @@
 		animation: fade-up 0.3s ease both;
 	}
 
-	.back-link {
-		display: flex;
-		align-items: center;
-		gap: 0.25rem;
-		color: var(--color-text-primary);
-		text-decoration: none;
+	.page-title {
 		font-size: 1.1rem;
 		font-weight: 700;
-		padding: 0.35rem 0;
-		transition: color 0.15s;
-	}
-	.back-link:hover {
-		color: var(--nord8);
+		margin: 0;
 	}
 
 	.create-btn {