frontend/src/lib/components/AnnotationLayer.svelte

@@ -163,20 +163,21 @@ const containerStyle = $derived(
 				<div
 					style="
 					position: absolute;
-					bottom: -14px;
-					left: 50%;
-					transform: translateX(-50%);
+					bottom: -10px;
+					right: -10px;
 					background-color: #002850;
 					color: white;
-					font-size: 10px;
+					font-size: 11px;
 					font-family: sans-serif;
-					padding: 1px 5px;
+					font-weight: 600;
+					padding: 2px 6px;
 					border-radius: 999px;
-					min-width: 16px;
+					min-width: 20px;
 					text-align: center;
 					white-space: nowrap;
 					pointer-events: none;
-					line-height: 16px;
+					line-height: 18px;
+					box-shadow: 0 1px 3px rgba(0,0,0,0.4);
 				"
 				>
 					{commentCounts?.[annotation.id]}

frontend/src/lib/components/PdfViewer.svelte

@@ -217,6 +217,7 @@ async function handleAnnotationDraw(rect: { x: number; y: number; width: number;
 		if (res.ok) {
 			const created: Annotation = await res.json();
 			annotations = [...annotations, created];
+			activeAnnotationId = created.id;
 		}
 	} catch {
 		// ignore