From 7fb47717f441b78f815be0aa8862408d744c6272 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Wed, 8 Apr 2026 16:34:21 +0200
Subject: [PATCH] fix: macro split sidebar breakpoint to 750px, polish legend
 icons

Lower desktop breakpoint from 1024px to 750px so the macro column
appears on more screens. Legend now uses horseshoe arc for actual
and rounded triangle for target.
---
 package.json                                         |  2 +-
 src/routes/fitness/[stats=fitnessStats]/+page.svelte | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index d14b5d58..60918e78 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "homepage",
-	"version": "1.13.3",
+	"version": "1.13.4",
 	"private": true,
 	"type": "module",
 	"scripts": {
diff --git a/src/routes/fitness/[stats=fitnessStats]/+page.svelte b/src/routes/fitness/[stats=fitnessStats]/+page.svelte
index 9e94d4ff..243a3ce7 100644
--- a/src/routes/fitness/[stats=fitnessStats]/+page.svelte
+++ b/src/routes/fitness/[stats=fitnessStats]/+page.svelte
@@ -393,11 +393,11 @@
 						{/each}
 					<div class="macro-legend">
 							<span class="macro-legend-item">
-								<svg viewBox="0 0 12 12" width="12" height="12"><circle cx="6" cy="6" r="4" fill="none" stroke="var(--color-text-secondary)" stroke-width="2"/></svg>
+								<svg viewBox="0 0 12 12" width="12" height="12"><path d="M3,9.5 A4,4 0 1,1 9,9.5" fill="none" stroke="var(--color-text-secondary)" stroke-width="2" stroke-linecap="round"/></svg>
 								{lang === 'en' ? 'Actual' : 'Ist'}
 							</span>
 							<span class="macro-legend-item">
-								<svg viewBox="0 0 12 12" width="12" height="12"><path d="M6,2 L10,10 L2,10 Z" fill="var(--color-text-secondary)"/></svg>
+								<svg viewBox="0 0 12 12" width="12" height="12"><path d="M6,2 L10,10 L2,10 Z" fill="var(--color-text-secondary)" stroke="var(--color-text-secondary)" stroke-width="1.5" stroke-linejoin="round"/></svg>
 								{lang === 'en' ? 'Target' : 'Ziel'}
 							</span>
 						</div>
@@ -713,7 +713,7 @@
 	.muscle-nutrition-layout .muscle-heatmap-block {
 		grid-column: 1 / -1;
 	}
-	@media (min-width: 1024px) {
+	@media (min-width: 750px) {
 		.muscle-nutrition-layout {
 			grid-template-columns: 1fr 1fr 1fr 1fr;
 			grid-template-rows: auto 1fr;
@@ -828,7 +828,7 @@
 		align-items: center !important;
 		gap: 1.25rem !important;
 	}
-	@media (min-width: 1024px) {
+	@media (min-width: 750px) {
 		.macro-card {
 			grid-column: auto;
 			padding: 0.75rem;
@@ -902,7 +902,7 @@
 	.macro-legend {
 		display: none;
 	}
-	@media (min-width: 1024px) {
+	@media (min-width: 750px) {
 		.macro-legend {
 			display: flex;
 			gap: 1rem;