From 00b2be9e796fe666c3cf22046b4764777f97e123 Mon Sep 17 00:00:00 2001
From: Franz Kafka <kafka@ashisgreat.xyz>
Date: Sun, 22 Mar 2026 17:35:35 +0000
Subject: [PATCH] fix(css): restore original layout, re-add only image grid
 styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reverted CSS to the known-working state at 4b0cde9, then re-applied
only the image grid styles. The duplicate .results-layout block is
intentional — it was present in the working version too.
---
 internal/views/static/css/kafka.css | 44 +++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/internal/views/static/css/kafka.css b/internal/views/static/css/kafka.css
index ef318d0..ac740d8 100644
--- a/internal/views/static/css/kafka.css
+++ b/internal/views/static/css/kafka.css
@@ -1130,6 +1130,50 @@ a:focus-visible {
   background: var(--border-focus);
 }
 
+/* ============================================================
+   Three-Column Results Layout
+   ============================================================ */
+
+.results-layout {
+  display: grid;
+  grid-template-columns: 200px 1fr 240px;
+  gap: 2rem;
+  align-items: start;
+}
+
+.results-layout .left-sidebar,
+.results-layout .right-sidebar {
+  position: sticky;
+  top: calc(var(--header-height) + 1.5rem);
+  max-height: calc(100vh - var(--header-height) - 3rem);
+  overflow-y: auto;
+}
+
+.results-layout .results-column {
+  min-width: 0;
+}
+
+/* Tablet: hide left sidebar, two columns */
+@media (min-width: 769px) and (max-width: 1024px) {
+  .results-layout {
+    grid-template-columns: 1fr 220px;
+  }
+  .results-layout .left-sidebar {
+    display: none;
+  }
+}
+
+/* Mobile: single column, no sidebars */
+@media (max-width: 768px) {
+  .results-layout {
+    grid-template-columns: 1fr;
+  }
+  .results-layout .left-sidebar,
+  .results-layout .right-sidebar {
+    display: none;
+  }
+}
+
 /* ============================================================
    Preferences Page Layout
    ============================================================ */