From 65ba1cc82a15132f80df094c15699aaeb6a22951 Mon Sep 17 00:00:00 2001 From: Bryan Van Deusen Date: Tue, 28 Apr 2026 07:42:05 -0400 Subject: [PATCH] fix(typography): bump italic-Fraunces section/field labels to readable size MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit KnowledgeView's "Type" / "Tags" filter section headers (.filter-label) and NoteEditorView's entity-field labels (.ef-label — Email, Phone, Address etc on person/place notes) were using italic Fraunces accent at 0.72rem / 0.78rem. The italic + small + decorative-serif combo read as illegible flourish rather than functional section headers. Bumped: - .filter-label 0.72rem → 0.95rem, margin-bottom 6px → 8px - .ef-label 0.78rem → 0.92rem Italic Fraunces accent preserved (keeps the branded character that matches the rest of the surface). Just enlarged to a readable size. ChatMessage's .role-assistant .role-label kept at 0.8rem italic Fraunces — that's the doc's Illuminated Transcript voice label, a decorative speaker tag rather than a functional heading. Co-Authored-By: Claude Opus 4.7 --- frontend/src/views/KnowledgeView.vue | 5 ++--- frontend/src/views/NoteEditorView.vue | 2 +- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/frontend/src/views/KnowledgeView.vue b/frontend/src/views/KnowledgeView.vue index 1f7eae0..7429cf8 100644 --- a/frontend/src/views/KnowledgeView.vue +++ b/frontend/src/views/KnowledgeView.vue @@ -794,10 +794,9 @@ onUnmounted(() => { .filter-label { font-family: 'Fraunces', Georgia, serif; font-style: italic; - font-size: 0.72rem; - letter-spacing: 0.02em; + font-size: 0.95rem; color: var(--color-primary); - margin-bottom: 6px; + margin-bottom: 8px; padding: 0 4px; } /* ── New item button ─────────────────────────────────────── */ diff --git a/frontend/src/views/NoteEditorView.vue b/frontend/src/views/NoteEditorView.vue index e5f2d6f..3b3cef3 100644 --- a/frontend/src/views/NoteEditorView.vue +++ b/frontend/src/views/NoteEditorView.vue @@ -1037,7 +1037,7 @@ onUnmounted(() => assist.clearSelection()); .ef-label { font-family: 'Fraunces', Georgia, serif; font-style: italic; - font-size: 0.78rem; + font-size: 0.92rem; color: var(--color-primary); } .ef-input {