From 7573d3b5dae494e34c4d39a4e21622d90518ed30 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 29 Mar 2026 16:35:29 +0200
Subject: [PATCH] fix(dashboard): wrap mention items so last:border-0 works
 correctly
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adding the link div after the {#each} broke last:border-0 — the last
mention item was no longer the last child, so it kept its border-b,
creating a double line with the link's border-t. Wrapping the each in
its own div restores correct last:border-0 targeting.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../lib/components/DashboardMentions.svelte   | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/frontend/src/lib/components/DashboardMentions.svelte b/frontend/src/lib/components/DashboardMentions.svelte
index 2deaddda..8a1d1e62 100644
--- a/frontend/src/lib/components/DashboardMentions.svelte
+++ b/frontend/src/lib/components/DashboardMentions.svelte
@@ -24,26 +24,28 @@ let { mentions }: Props = $props();
 		<h2 class="mb-4 font-sans text-xs font-bold tracking-widest text-gray-400 uppercase">
 			{m.dashboard_notifications_heading()}
 		</h2>
-		{#each mentions as mention (mention.id)}
-			<div class="flex items-center gap-3 border-b border-line py-2 last:border-0">
-				{#if mention.documentId}
-					<a
-						href={mention.annotationId
-							? `/documents/${mention.documentId}?commentId=${mention.referenceId}&annotationId=${mention.annotationId}`
-							: `/documents/${mention.documentId}?commentId=${mention.referenceId}`}
-						class="font-serif text-lg text-ink hover:text-ink-2 hover:underline"
-						>{mention.actorName ?? ''}</a
-					>
-					<span class="font-sans text-xs text-gray-400">
-						{mention.type === 'MENTION'
-							? m.dashboard_notification_mentioned()
-							: m.dashboard_notification_replied()}
-					</span>
-				{:else}
-					<span class="font-serif text-lg text-ink">{mention.actorName ?? ''}</span>
-				{/if}
-			</div>
-		{/each}
+		<div>
+			{#each mentions as mention (mention.id)}
+				<div class="flex items-center gap-3 border-b border-line py-2 last:border-0">
+					{#if mention.documentId}
+						<a
+							href={mention.annotationId
+								? `/documents/${mention.documentId}?commentId=${mention.referenceId}&annotationId=${mention.annotationId}`
+								: `/documents/${mention.documentId}?commentId=${mention.referenceId}`}
+							class="font-serif text-lg text-ink hover:text-ink-2 hover:underline"
+							>{mention.actorName ?? ''}</a
+						>
+						<span class="font-sans text-xs text-gray-400">
+							{mention.type === 'MENTION'
+								? m.dashboard_notification_mentioned()
+								: m.dashboard_notification_replied()}
+						</span>
+					{:else}
+						<span class="font-serif text-lg text-ink">{mention.actorName ?? ''}</span>
+					{/if}
+				</div>
+			{/each}
+		</div>
 		<div class="mt-4 border-t border-line pt-4">
 			<a
 				href="/notifications"