From 771e143eff990a4a1b2d7032bb9358467028d26b Mon Sep 17 00:00:00 2001
From: Alexey Bagno <alexey.bagno@gmail.com>
Date: Sat, 5 Sep 2026 15:26:17 +0500
Subject: [PATCH] fix: row/col on dashboard

---
 web/src/App.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index dcf4018..3276c6e 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -142,14 +142,18 @@ function Dashboard({
   monitors: Monitor[];
 }) {
   return (
-    <div class="flex flex-col gap-2 mt-4">
-      <DashboardCatName name="Links" />
-      <LinkList links={links} />
-      <DashboardCatName name="Monitors" />
-      <div class="flex flex-col gap-2">
-        {monitors.map((it) => (
-          <MonitorCard s={it} />
-        ))}
+    <div class="flex flex-col md:flex-row gap-2 mt-4">
+      <div>
+        <DashboardCatName name="Links" />
+        <LinkList links={links} />
+      </div>
+      <div>
+        <DashboardCatName name="Monitors" />
+        <div class="flex flex-col gap-2">
+          {monitors.map((it) => (
+            <MonitorCard s={it} />
+          ))}
+        </div>
       </div>
     </div>
   );