From 45a6d8800a4dff7856b13df3a7890605865352aa Mon Sep 17 00:00:00 2001
From: lucaronin <luca.rossi.917@gmail.com>
Date: Tue, 17 Feb 2026 19:56:41 +0100
Subject: [PATCH] feat: move timestamp below title in NoteList items

Title now takes full width on top, with timestamp displayed below
in 10px muted text, followed by the snippet. Applies to both flat
list and context view items.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/NoteList.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/NoteList.tsx b/src/components/NoteList.tsx
index 50019ea1..14e35db9 100644
--- a/src/components/NoteList.tsx
+++ b/src/components/NoteList.tsx
@@ -289,16 +289,16 @@ function NoteListInner({ entries, selection, selectedNote, allContent, modifiedF
           style={{ color: typeColor }}
           data-testid="type-icon"
         />
-        <div className="flex items-baseline justify-between gap-2 pr-5">
+        <div className="pr-5">
           <div className={cn(
-            "min-w-0 flex-1 truncate text-[13px] text-foreground",
+            "truncate text-[13px] text-foreground",
             isSelected ? "font-semibold" : "font-medium"
           )}>
-            <span className="truncate">{entry.title}</span>
+            {entry.title}
           </div>
-          <span className="shrink-0 whitespace-nowrap text-[11px] text-muted-foreground">
+          <div className="text-[10px] text-muted-foreground">
             {relativeDate(getDisplayDate(entry))}
-          </span>
+          </div>
         </div>
         <div className="mt-0.5 text-[12px] leading-[1.5] text-muted-foreground" style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical', overflow: 'hidden' }}>
           {entry.snippet}