From 0dce8a9d80c5f2b3ecb0bb9f0e003b931d1efa76 Mon Sep 17 00:00:00 2001
From: Sam <sam@openclaw.local>
Date: Mon, 2 Mar 2026 23:51:59 +0100
Subject: [PATCH] layout: stack server cards in single column

Both Unraid servers now render stacked in one column instead of
each taking a separate grid cell. Grid changed from 4-col to 3-col
(servers | HA | tasks).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/pages/Dashboard.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/Dashboard.tsx b/web/src/pages/Dashboard.tsx
index bb8184c..5110db9 100644
--- a/web/src/pages/Dashboard.tsx
+++ b/web/src/pages/Dashboard.tsx
@@ -91,13 +91,14 @@ export default function Dashboard() {
                 <span className="section-rule" />
               </div>
 
-              <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-px bg-base-300">
-                {data.servers.servers.map((srv) => (
-                  <ServerCard key={srv.name} server={srv} />
-                ))}
-                <div className="xl:col-span-2">
-                  <HomeAssistant data={data.ha} />
+              <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-px bg-base-300">
+                {/* Servers stacked in one column */}
+                <div className="flex flex-col gap-px">
+                  {data.servers.servers.map((srv) => (
+                    <ServerCard key={srv.name} server={srv} />
+                  ))}
                 </div>
+                <HomeAssistant data={data.ha} />
                 <TasksCard data={data.tasks} onRefresh={refresh} />
               </div>
             </section>