From 5496d575c165b83dfcd0119c5d133d698576b986 Mon Sep 17 00:00:00 2001
From: Oliver Kieselbach <oliver.kieselbach@outlook.com>
Date: Tue, 28 Jul 2026 13:37:01 +0200
Subject: [PATCH] style: two-line Started column (date over time) in session
 list

Narrows the column so more columns fit on one page; matches the
two-line style of Device/Model/Status cells.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../app/dashboard/components/SessionTable.tsx             | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Web/autopilot-monitor-web/app/dashboard/components/SessionTable.tsx b/src/Web/autopilot-monitor-web/app/dashboard/components/SessionTable.tsx
index 5405e2f2..a6b666131 100644
--- a/src/Web/autopilot-monitor-web/app/dashboard/components/SessionTable.tsx
+++ b/src/Web/autopilot-monitor-web/app/dashboard/components/SessionTable.tsx
@@ -885,12 +885,16 @@ function SessionCell({
         </td>
       );
 
-    case "started":
+    case "started": {
+      // Two-line date/time keeps the column narrow so more columns fit on one page.
+      const started = new Date(session.startedAt);
       return (
         <td className="px-3 py-4 whitespace-nowrap text-sm text-gray-500">
-          {new Date(session.startedAt).toLocaleString()}
+          <div>{started.toLocaleDateString()}</div>
+          <div className="text-xs text-gray-400">{started.toLocaleTimeString()}</div>
         </td>
       );
+    }
 
     case "country":
       return (