From 910d5839662a9f515c8bbff0ae5bbdd9b59b3e29 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Fri, 13 Mar 2026 15:20:58 +1100
Subject: [PATCH] Make date filters responsive

---
 app/templates/partials/dashboard_graph.html | 2 +-
 app/templates/partials/dashboard_table.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/templates/partials/dashboard_graph.html b/app/templates/partials/dashboard_graph.html
index d8af6bf..6c1b542 100644
--- a/app/templates/partials/dashboard_graph.html
+++ b/app/templates/partials/dashboard_graph.html
@@ -15,7 +15,7 @@
     <!-- Graph Date Filter -->
     <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-4 mb-2">
         <form hx-get="{{ url_for('main.dashboard_graph') }}" hx-target="#dashboard-content"
-            class="flex flex-col md:flex-row gap-4 items-end">
+            class="flex flex-col sm:flex-row gap-4">
             <!-- Start Date -->
             <div class="flex-1">
                 <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>
diff --git a/app/templates/partials/dashboard_table.html b/app/templates/partials/dashboard_table.html
index f05c8ee..b0440fc 100644
--- a/app/templates/partials/dashboard_table.html
+++ b/app/templates/partials/dashboard_table.html
@@ -2,7 +2,7 @@
     <!-- Table Date Filter -->
     <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-4 mb-2">
         <form hx-get="{{ url_for('main.dashboard_table') }}" hx-target="#dashboard-content"
-            class="flex flex-col md:flex-row gap-4 items-end">
+            class="flex flex-col sm:flex-row gap-4">
             <!-- Start Date -->
             <div class="flex-1">
                 <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>