From bb0a51378f9b6ccacaa2bbffe0c7aaadcbe4bd06 Mon Sep 17 00:00:00 2001
From: Daniel Michelberger <daniel@5t.media>
Date: Mon, 7 Sep 2026 22:09:41 +0200
Subject: [PATCH] refactor: Marker und Kommentare in die Kennzahlenzeile der
 Trailcard

Sie standen in einer eigenen, abgetrennten Zeile unter Laenge und
Hoehenmetern, obwohl sie dasselbe sind: eine Zahl zum Trail. Jetzt eine
Zeile, ganz rechts die offenen Meldungen.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01P32KoesVtABd6xWsqMKzhr
---
 .../src/routes/dashboard/trails/+page.svelte  | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/frontend/src/routes/dashboard/trails/+page.svelte b/frontend/src/routes/dashboard/trails/+page.svelte
index a03ba9d..2e4146b 100644
--- a/frontend/src/routes/dashboard/trails/+page.svelte
+++ b/frontend/src/routes/dashboard/trails/+page.svelte
@@ -148,8 +148,15 @@
                                 </div>
                             {/if}
 
-                            <div class="flex items-center gap-4 text-sm text-muted-foreground">
-                                <!-- Dieselben Icons wie im Kopf der Trail-Seite. -->
+                            <!--
+                                Eine Zeile, dieselben Icons wie im Kopf der Trail-Seite:
+                                Länge, Höhenmeter, Marker, Kommentare — und ganz rechts,
+                                was jemanden angeht, die offenen Meldungen.
+
+                                Ein Punkt markiert Bewegung der letzten zwei Wochen. Die
+                                Zahl allein sagt nichts darüber, ob sich gerade etwas tut.
+                            -->
+                            <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground">
                                 <span class="flex items-center gap-1.5">
                                     <Ruler class="size-4" />
                                     {formatKm(version?.distance_m)}
@@ -158,27 +165,9 @@
                                     <TrendingUp class="size-4" />
                                     {version?.ascent_m ? `${version.ascent_m} hm` : '–'}
                                 </span>
-                                {#if open > 0}
-                                    <span
-                                        class="flex items-center gap-1 text-amber-600 ml-auto"
-                                        use:tooltip={{
-                                            content: `${open} offene Meldung${open === 1 ? '' : 'en'}`,
-                                        }}
-                                    >
-                                        <AlertTriangle class="size-4" />
-                                        {open}
-                                    </span>
-                                {/if}
-                            </div>
-
-                            <!--
-                                Ein Punkt markiert Bewegung der letzten zwei Wochen. Die
-                                Zahl allein sagt nichts darüber, ob sich gerade etwas tut.
-                            -->
-                            <div class="flex items-center gap-4 text-sm border-t pt-3">
                                 <span
                                     class="flex items-center gap-1.5"
-                                    class:text-muted-foreground={!freshMarkers}
+                                    class:text-foreground={freshMarkers}
                                     class:font-medium={freshMarkers}
                                     use:tooltip={{
                                         content: freshMarkers
@@ -194,7 +183,7 @@
                                 </span>
                                 <span
                                     class="flex items-center gap-1.5"
-                                    class:text-muted-foreground={!freshComments}
+                                    class:text-foreground={freshComments}
                                     class:font-medium={freshComments}
                                     use:tooltip={{
                                         content: freshComments
@@ -208,6 +197,17 @@
                                         <span class="size-1.5 rounded-full bg-primary"></span>
                                     {/if}
                                 </span>
+                                {#if open > 0}
+                                    <span
+                                        class="flex items-center gap-1 text-amber-600 ml-auto"
+                                        use:tooltip={{
+                                            content: `${open} offene Meldung${open === 1 ? '' : 'en'}`,
+                                        }}
+                                    >
+                                        <AlertTriangle class="size-4" />
+                                        {open}
+                                    </span>
+                                {/if}
                             </div>
                         </CardContent>
                     </Card>