From a8e765e0269008566677ad4929c7a4f5a738e4d8 Mon Sep 17 00:00:00 2001
From: James Magahern <james@magahern.com>
Date: Fri, 15 May 2026 01:14:56 -0700
Subject: [PATCH] web: cell colors and fonts tweak

---
 web/src/App.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 9dac246..451609b 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -2510,7 +2510,7 @@ export default function App() {
                       onContextMenu={(event) => openContextMenu(event, { kind: item.kind, id: item.id })}
                       type="button"
                     >
-                      <div className="flex items-center gap-2">
+                      <div className="grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 gap-y-1">
                         <span
                           className={cn(
                             "flex h-5 w-5 shrink-0 items-center justify-center rounded-md border",
@@ -2528,11 +2528,15 @@ export default function App() {
                             />
                           ) : null}
                         </span>
-                        <span className={cn("ml-auto shrink-0 text-xs", active ? "text-violet-100/86" : "text-violet-200/50")}>{formatDate(item.updatedAt)}</span>
+                        <span className="col-start-2 flex min-w-0 items-center gap-2">
+                          <span className="shrink-0 text-xs text-secondary-foreground/70">{formatDate(item.updatedAt)}</span>
+                          {initiatedLabel ? (
+                            <span className="ml-auto min-w-0 truncate text-right text-xs text-secondary-foreground/70">
+                              {initiatedLabel}
+                            </span>
+                          ) : null}
+                        </span>
                       </div>
-                      {initiatedLabel ? (
-                        <p className={cn("mt-1 truncate text-right text-xs", active ? "text-violet-100/62" : "text-violet-200/42")}>{initiatedLabel}</p>
-                      ) : null}
                     </button>
                   );
                 })}