web: cell colors and fonts tweak

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>
                   );
                 })}