From 2fdd780a0529da8f7e05b37147a489eca8fa2f1f Mon Sep 17 00:00:00 2001
From: Jon Seager <jon@sgrs.uk>
Date: Sat, 7 Feb 2026 20:59:08 +0000
Subject: [PATCH] style(data): improve data page layout and spacing

- Wrap tab bar, search, and table in gap-4 container for tighter spacing
- Change search placeholder from "Search..." to "Filter..."
- Remove border/padding wrapper around tab bar and search
---
 templates/pages/data.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/pages/data.html b/templates/pages/data.html
index 0245ddb..0fdd2da 100644
--- a/templates/pages/data.html
+++ b/templates/pages/data.html
@@ -5,23 +5,23 @@
   <p class="max-w-2xl text-sm text-text-secondary">Browse all your coffee data.</p>
 </header>
 
-<div class="rounded-lg border bg-surface">
+<div class="flex flex-col gap-4">
   {% include "partials/tab_bar.html" %}
   <!-- Search -->
-  <div class="border-t px-3 py-2" data-signals:_data-search="'{{ search_value }}'">
+  <div data-signals:_data-search="'{{ search_value }}'">
     <input
       type="search"
       data-bind:_data-search
-      placeholder="Search..."
+      placeholder="Filter..."
       class="input-field w-full text-sm"
       data-on:input__debounce.300ms="history.pushState(null, '', '/data?type=' + $_activeTab + '&q=' + encodeURIComponent($_dataSearch)); @get('/data?type=' + $_activeTab + '&q=' + encodeURIComponent($_dataSearch), {responseOverrides: {selector: '#data-content', mode: 'inner'}})"
       {% if !search_value.is_empty() %}autofocus{% endif %}
     />
   </div>
-</div>
 
-<div id="data-content" class="data-page-content">
-  {{ content|safe }}
+  <div id="data-content" class="data-page-content">
+    {{ content|safe }}
+  </div>
 </div>
 
 <div id="detail-panel"></div>