From db9cd4f91ed5ffae5d639b3cb90255d20f0019dc Mon Sep 17 00:00:00 2001
From: Kalle Struik <kalle@kallestruik.nl>
Date: Wed, 16 Apr 2025 16:30:32 +0200
Subject: [PATCH] Fix horizontal overflow on the text note edit page on chrome.
 Fixes #40

---
 frontend/src/components/note/note_header.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/note/note_header.tsx b/frontend/src/components/note/note_header.tsx
index 77dfe84..6f0248e 100644
--- a/frontend/src/components/note/note_header.tsx
+++ b/frontend/src/components/note/note_header.tsx
@@ -38,14 +38,12 @@ export function NoteHeader(props: { id: NoteId }) {
                 </div>
             </div>
 
-            <div className="ml-8 flex flex-col gap-1">
-                <div className="flex flex-row gap-1">
-                    {<input
-                        className="bg-transparent outline-none font-bold text-3xl flex-grow"
-                        defaultValue={noteMetadata.get("title")}
-                        onChange={(e) => noteMetadata.set("title", e.target.value)}
-                    />}
-                </div>
+            <div className="mx-8 flex flex-col gap-1">
+                <input
+                    className="bg-transparent outline-none font-bold text-3xl flex-grow"
+                    defaultValue={noteMetadata.get("title")}
+                    onChange={(e) => noteMetadata.set("title", e.target.value)}
+                />
                 <Properties noteMetadata={noteMetadata} />
             </div>
         </>