From 81f986a06511f12ff122be02f54da5ca3c15d267 Mon Sep 17 00:00:00 2001
From: Test <test@test.com>
Date: Mon, 30 Mar 2026 15:35:43 +0200
Subject: [PATCH] fix: remove left indent from title when no emoji icon present

---
 src/components/Editor.css        | 5 +++++
 src/components/EditorContent.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Editor.css b/src/components/Editor.css
index 0c225dbd..e82998cd 100644
--- a/src/components/Editor.css
+++ b/src/components/Editor.css
@@ -194,6 +194,11 @@
   margin-left: 8px;
 }
 
+/* No emoji: title aligns flush left (no indent for icon area) */
+.title-section__row--no-icon {
+  margin-left: 0;
+}
+
 /* When emoji is present, restore top padding to the row itself */
 .title-section__row:has(.note-icon-button--active) {
   padding-top: 32px;
diff --git a/src/components/EditorContent.tsx b/src/components/EditorContent.tsx
index e4856157..96c45fd4 100644
--- a/src/components/EditorContent.tsx
+++ b/src/components/EditorContent.tsx
@@ -215,7 +215,7 @@ export function EditorContent({
                 />
               </div>
             )}
-            <div className="title-section__row">
+            <div className={`title-section__row${emojiIcon ? '' : ' title-section__row--no-icon'}`}>
               {emojiIcon && (
                 <NoteIcon
                   icon={emojiIcon}