From 7c7d470f156088d3a906d47bb7f968dc8eb9c351 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Mon, 16 Mar 2026 00:21:43 +0100
Subject: [PATCH] fix: font size

---
 .../src/app/recollections/logos/LogosPage.tsx |  2 +-
 frontend/src/styles.css                       | 36 +++++++++++++++++++
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/recollections/logos/LogosPage.tsx b/frontend/src/app/recollections/logos/LogosPage.tsx
index 11f5d0b..8ff37ea 100644
--- a/frontend/src/app/recollections/logos/LogosPage.tsx
+++ b/frontend/src/app/recollections/logos/LogosPage.tsx
@@ -20,7 +20,7 @@ const BlockNoteViewWrapper = forwardRef<HTMLDivElement, React.ComponentProps<typ
   function BlockNoteViewWrapper(props, ref) {
     const { className, ref: _ref, ...rest } = props as React.ComponentProps<typeof BlockNoteView> & { ref?: unknown }
     return (
-      <div ref={ref} className={className} style={{ minHeight: '100%', width: '100%' }}>
+      <div ref={ref} className={`logos-blocknote ${className ?? ''}`} style={{ minHeight: '100%', width: '100%' }}>
         <BlockNoteView {...rest} />
       </div>
     )
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 2410908..0294095 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -396,3 +396,39 @@ pre {
 .code-editor .token.url {
     background: none;
 }
+
+/* BlockNote (Logos editor): font sizes to match app typography (Tailwind text-sm–text-lg scale) */
+.logos-blocknote .bn-editor {
+    font-size: 0.875rem; /* text-sm */
+    line-height: 1.5;
+}
+.logos-blocknote .bn-inline-content {
+    font-size: inherit;
+    line-height: inherit;
+}
+.logos-blocknote [data-content-type="heading"][data-level="1"] .bn-inline-content {
+    font-size: 1.25rem; /* text-xl */
+    font-weight: 600;
+    line-height: 1.3;
+}
+.logos-blocknote [data-content-type="heading"][data-level="2"] .bn-inline-content {
+    font-size: 1.125rem; /* text-lg */
+    font-weight: 600;
+    line-height: 1.35;
+}
+.logos-blocknote [data-content-type="heading"][data-level="3"] .bn-inline-content {
+    font-size: 1rem; /* text-base */
+    font-weight: 600;
+    line-height: 1.4;
+}
+.logos-blocknote [data-content-type="paragraph"] .bn-inline-content {
+    font-size: 0.875rem;
+}
+.logos-blocknote [data-content-type="bulletListItem"] .bn-inline-content,
+.logos-blocknote [data-content-type="numberedListItem"] .bn-inline-content {
+    font-size: 0.875rem;
+}
+.logos-blocknote [data-content-type="codeBlock"] .bn-inline-content,
+.logos-blocknote [data-content-type="code"] .bn-inline-content {
+    font-size: 0.8125rem; /* slightly smaller for code */
+}