From 621ebe4396f3324e2b281df3b1d7777bde066a60 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 13 Dec 2025 11:33:02 +0200
Subject: [PATCH] feat(layout/inline-title): title and icon

---
 apps/client/src/widgets/layout/InlineTitle.css | 2 ++
 apps/client/src/widgets/layout/InlineTitle.tsx | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/layout/InlineTitle.css b/apps/client/src/widgets/layout/InlineTitle.css
index 57e45cf56..bb203d035 100644
--- a/apps/client/src/widgets/layout/InlineTitle.css
+++ b/apps/client/src/widgets/layout/InlineTitle.css
@@ -2,4 +2,6 @@
     contain: none;
     padding-bottom: 2em;
     padding-inline-start: 24px;
+    display: flex;
+    align-items: center;
 }
diff --git a/apps/client/src/widgets/layout/InlineTitle.tsx b/apps/client/src/widgets/layout/InlineTitle.tsx
index a97ae5ebb..17c26bda5 100644
--- a/apps/client/src/widgets/layout/InlineTitle.tsx
+++ b/apps/client/src/widgets/layout/InlineTitle.tsx
@@ -3,6 +3,8 @@ import "./InlineTitle.css";
 import { useEffect, useRef, useState } from "preact/hooks";
 
 import FNote from "../../entities/fnote";
+import NoteIcon from "../note_icon";
+import NoteTitleWidget from "../note_title";
 import { useNoteContext } from "../react/hooks";
 
 export default function InlineTitle() {
@@ -40,7 +42,8 @@ export default function InlineTitle() {
             ref={containerRef}
             className="inline-title-row"
         >
-            Title goes here.
+            <NoteIcon />
+            <NoteTitleWidget />
         </div>
     );
 }