style(web): drop the NOTE label from the expanded boundary — divider reads on its own (user review)

templates/annotations_banner.templ

@@ -117,8 +117,9 @@ templ AnnotationsBanner(book handlers.MediaDetail) {
 						</div>
 						<!-- Expanded rich body (markdown pipeline). Highlight
 						     rows split at the highlight→note boundary: the
-						     selection (bordered in the row color), then a
-						     labeled divider, then the note markdown. -->
+						     selection (bordered in the row color), a divider,
+						     then the note markdown — the break reads on its
+						     own, no label needed. -->
 						<div x-show="row.expanded" class="px-4 pb-4">
 							<p
 								x-show="row.kind === 'highlight'"
@@ -126,15 +127,11 @@ templ AnnotationsBanner(book handlers.MediaDetail) {
 								:style="row.kind === 'highlight' ? 'border-left: 3px solid ' + row.color + '; padding-left: .75rem; color: var(--text-secondary); margin: 0 0 ' + (row.hasNote ? '.75rem' : '0') + ';' : 'color: var(--text-secondary);'"
 								x-text="row.richSelection"
 							></p>
-							<template x-if="row.kind === 'highlight' && row.hasNote">
-								<div
-									class="flex items-center gap-1 pt-2 pb-1 mt-2 border-t"
-									style="border-color: var(--border); color: var(--text-secondary);"
-								>
-									<svg class="reader-icon" width="12" height="12" viewBox="0 0 20 20" aria-hidden="true"><path d="M 4 13 L 4 16 L 7 16 L 14.5 8.5 L 11.5 5.5 L 4 13 M 12.5 4.5 L 15.5 7.5"></path></svg>
-									<span class="text-xs font-medium uppercase tracking-wide">Note</span>
-								</div>
-							</template>
+							<div
+								x-show="row.kind === 'highlight' && row.hasNote"
+								class="border-t mt-3 pt-3"
+								style="border-color: var(--border);"
+							></div>
 							<div class="note-rich text-sm" x-html="row.richNote"></div>
 						</div>
 					</div>