From b7fd4018c281a00c3ac46ce3dcfc399c3f0a215f Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Mon, 13 Apr 2026 12:29:00 +0200
Subject: [PATCH] fix(frontend): normalize paraglide imports and improve
 accessibility

Changed OcrTrigger and ScriptTypeSelect from 'import * as m' to
'import { m }' to match the rest of the codebase. Increased
ScriptTypeSelect label to text-sm and annotation badge font to 12px
for better readability.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/lib/components/AnnotationShape.svelte  | 2 +-
 frontend/src/lib/components/OcrTrigger.svelte       | 2 +-
 frontend/src/lib/components/ScriptTypeSelect.svelte | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/AnnotationShape.svelte b/frontend/src/lib/components/AnnotationShape.svelte
index 38856474..69c41223 100644
--- a/frontend/src/lib/components/AnnotationShape.svelte
+++ b/frontend/src/lib/components/AnnotationShape.svelte
@@ -96,7 +96,7 @@ let shapeStyle = $derived(
 				border-radius: 50%;
 				background-color: {annotation.color};
 				color: white;
-				font-size: 11px;
+				font-size: 12px;
 				font-family: sans-serif;
 				font-weight: 700;
 				display: flex;
diff --git a/frontend/src/lib/components/OcrTrigger.svelte b/frontend/src/lib/components/OcrTrigger.svelte
index 45002059..e00fda82 100644
--- a/frontend/src/lib/components/OcrTrigger.svelte
+++ b/frontend/src/lib/components/OcrTrigger.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { untrack } from 'svelte';
-import * as m from '$lib/paraglide/messages.js';
+import { m } from '$lib/paraglide/messages.js';
 import { getConfirmService } from '$lib/services/confirm.svelte';
 import ScriptTypeSelect from './ScriptTypeSelect.svelte';
 
diff --git a/frontend/src/lib/components/ScriptTypeSelect.svelte b/frontend/src/lib/components/ScriptTypeSelect.svelte
index 9db31811..238ffd7d 100644
--- a/frontend/src/lib/components/ScriptTypeSelect.svelte
+++ b/frontend/src/lib/components/ScriptTypeSelect.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-import * as m from '$lib/paraglide/messages.js';
+import { m } from '$lib/paraglide/messages.js';
 
 interface Props {
 	value: string;
@@ -10,7 +10,7 @@ let { value = $bindable(), disabled = false }: Props = $props();
 </script>
 
 <div>
-	<label for="script-type-select" class="text-xs font-bold tracking-widest text-gray-400 uppercase">
+	<label for="script-type-select" class="text-sm font-bold tracking-widest text-gray-400 uppercase">
 		{m.ocr_trigger_label()}
 	</label>
 	<select