From 040a5bbdaadc98bde097afb5acb2cb0cf029fb1f Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Tue, 10 Mar 2026 16:32:20 +0300
Subject: [PATCH] Add multi-column grid for dashboard target cards

Target cards use responsive grid based on 500px min-width,
automatically adapting column count to screen width.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 server/src/wled_controller/static/css/dashboard.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/server/src/wled_controller/static/css/dashboard.css b/server/src/wled_controller/static/css/dashboard.css
index 431a9b5..bf404bd 100644
--- a/server/src/wled_controller/static/css/dashboard.css
+++ b/server/src/wled_controller/static/css/dashboard.css
@@ -40,6 +40,17 @@
     margin-bottom: 10px;
     padding-left: 16px;
 }
+
+.dashboard-subsection .dashboard-section-content {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(500px, 100%), 1fr));
+    gap: 4px;
+}
+
+.dashboard-subsection .dashboard-section-content .dashboard-target {
+    margin-bottom: 0;
+    min-width: 0;
+}
 .dashboard-subsection .dashboard-section-header {
     font-size: 0.72rem;
 }