From a66bec1971f8634ef4d5adce18e08797d4eeefb0 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 5 Apr 2026 22:33:42 +0200
Subject: [PATCH] fix(comments): increase text size for readability

Bump comment body and quote from text-xs (12px) to text-sm (14px).
Bump author name from text-xs to text-sm, timestamp from 10px to text-xs.
Improves readability especially for 60+ target users.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/CommentThread.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/CommentThread.svelte b/frontend/src/lib/components/CommentThread.svelte
index bd9f66bd..00ca5ab3 100644
--- a/frontend/src/lib/components/CommentThread.svelte
+++ b/frontend/src/lib/components/CommentThread.svelte
@@ -138,7 +138,7 @@ onMount(() => {
 
 {#if flatMessages.length > 0}
 	<div class="rounded border-l-2 border-accent bg-muted p-2">
-		<div class="mb-2 flex items-center gap-1.5 font-sans text-xs font-semibold text-ink-2">
+		<div class="mb-2 flex items-center gap-1.5 font-sans text-sm font-semibold text-ink-2">
 			<svg
 				class="h-3.5 w-3.5"
 				viewBox="0 0 24 24"
@@ -167,21 +167,21 @@ onMount(() => {
 					</div>
 					<div class="min-w-0 flex-1">
 						<div class="flex items-center gap-1.5">
-							<span class="font-sans text-xs font-semibold text-ink">{msg.authorName}</span>
+							<span class="font-sans text-sm font-semibold text-ink">{msg.authorName}</span>
 							{#if wasEdited(msg)}
-								<span class="font-sans text-[10px] text-ink-3"
+								<span class="font-sans text-xs text-ink-3"
 									>{timeAgo(msg.updatedAt)} {m.comment_edited_label()}</span
 								>
 							{:else}
-								<span class="font-sans text-[10px] text-ink-3">{timeAgo(msg.createdAt)}</span>
+								<span class="font-sans text-xs text-ink-3">{timeAgo(msg.createdAt)}</span>
 							{/if}
 						</div>
 						{#if parsed.quote}
-							<div class="my-1 border-l-2 border-line pl-2 font-serif text-xs text-ink-3 italic">
+							<div class="my-1 border-l-2 border-line pl-2 font-serif text-sm text-ink-3 italic">
 								&ldquo;{parsed.quote}&rdquo;
 							</div>
 						{/if}
-						<p class="font-serif text-xs leading-relaxed text-ink-2">
+						<p class="font-serif text-sm leading-relaxed text-ink-2">
 							<!-- eslint-disable-next-line svelte/no-at-html-tags -- renderBody escapes all HTML before injecting mention links -->
 							{@html renderBody(parsed.body, msg.mentionDTOs ?? [])}
 						</p>