From 9f732d9b43a41c8b2bd5cfacee5d0b017139658e Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Fri, 26 Jan 2024 14:00:06 -0500
Subject: [PATCH] doorcontrol: Use input group for start date/end date in
 access reports

---
 .../doorcontrol/access_report.dj.html         | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/doorcontrol/templates/doorcontrol/access_report.dj.html b/doorcontrol/templates/doorcontrol/access_report.dj.html
index e6a1baf..4a21e63 100644
--- a/doorcontrol/templates/doorcontrol/access_report.dj.html
+++ b/doorcontrol/templates/doorcontrol/access_report.dj.html
@@ -15,24 +15,24 @@
     </ul>
     <form method="get" class="container-fluid">
       <div class="row g-2 align-items-center justify-content-center">
-        <div class="col-6 col-sm-auto">
-          <div class="form-floating">
-            <input type="date"
-                   class="form-control"
-                   id="startDate"
-                   name="timestamp_after"
-                   value="{{ filter.form.timestamp.value.0 }}">
-            <label for="startDate">Start Date</label>
-          </div>
-        </div>
-        <div class="col-6 col-sm-auto">
-          <div class="form-floating">
-            <input type="date"
-                   class="form-control"
-                   id="endDate"
-                   name="timestamp_before"
-                   value="{{ filter.form.timestamp.value.1 }}">
-            <label for="endDate">End Date</label>
+        <div class="col-auto">
+          <div class="input-group">
+            <div class="form-floating">
+              <input type="date"
+                     class="form-control"
+                     id="startDate"
+                     name="timestamp_after"
+                     value="{{ filter.form.timestamp.value.0 }}">
+              <label for="startDate">Start Date</label>
+            </div>
+            <div class="form-floating">
+              <input type="date"
+                     class="form-control"
+                     id="endDate"
+                     name="timestamp_before"
+                     value="{{ filter.form.timestamp.value.1 }}">
+              <label for="endDate">End Date</label>
+            </div>
           </div>
         </div>
         <div class="col-12 col-sm-auto">