From 4f33ac82baa43fe3891b68868d5018faaf1c5ef5 Mon Sep 17 00:00:00 2001
From: Broque Thomas <batmanesignal@gmail.com>
Date: Tue, 30 Sep 2025 11:21:29 -0700
Subject: [PATCH] Update style.css

---
 webui/static/style.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/webui/static/style.css b/webui/static/style.css
index 26c5a16f..a874fc70 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -13523,6 +13523,28 @@ body {
 }
 
 /* DJ Responsive Design */
+/* Larger screens: make DJ cards taller */
+@media (min-width: 1300px) {
+    .beatport-dj-card {
+        height: 330px;
+        min-height: 330px;
+        max-height: 330px;
+    }
+
+    .beatport-dj-grid {
+        align-items: stretch; /* Allow cards to use full height instead of centering */
+        min-height: 370px; /* Accommodate taller cards + padding + gap */
+    }
+
+    .beatport-dj-slider {
+        min-height: 410px; /* Ensure slider container is tall enough */
+    }
+
+    .beatport-dj-slider-track {
+        height: 410px; /* Increase to accommodate taller grid */
+    }
+}
+
 @media (max-width: 1200px) {
     .beatport-dj-grid {
         grid-template-columns: repeat(2, 1fr);