From 4af041719c2813d68abdd6cb35e3f71a7be10f21 Mon Sep 17 00:00:00 2001
From: Stan Runge <stan@stanrunge.dev>
Date: Sun, 25 Oct 2026 14:24:11 +0000
Subject: [PATCH] start: wider spotting tile, filter narrows spotting chips

---
 src/routes/start/+page.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/routes/start/+page.svelte b/src/routes/start/+page.svelte
index 7361eaf..ba979d7 100644
--- a/src/routes/start/+page.svelte
+++ b/src/routes/start/+page.svelte
@@ -70,9 +70,10 @@
 			t.name.includes(q) || t.subtitle.toLowerCase().includes(q) || t.href.includes(q);
 		if (!q || 'trackers'.startsWith(q)) return trackers;
 		return trackers.flatMap((t) => {
-			if (hit(t)) return [t];
+			// Matching chips narrow a group; otherwise the group shows whole if it matches itself.
 			const children = t.children?.filter(hit) ?? [];
-			return children.length ? [{ ...t, children }] : [];
+			if (children.length) return [{ ...t, children }];
+			return hit(t) ? [t] : [];
 		});
 	});
 	const shownSections = $derived.by(() => {
@@ -1037,11 +1038,11 @@
 	}
 	.tgrid {
 		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
 		gap: 6px;
 	}
 	.tgrid > li.group {
-		grid-column: span 3;
+		grid-column: span 4;
 	}
 	.ttile {
 		position: relative;
@@ -1104,6 +1105,7 @@
 		flex-wrap: wrap;
 		gap: 4px;
 		margin-left: auto;
+		min-width: 0;
 	}
 	.tchip {
 		display: inline-flex;