labels for dates

app.py

@@ -37,6 +37,10 @@ async def lifespan(app):
     scheduler.shutdown()
 
 
+# If running locally, don't use the lifespan
+if os.getenv("SPACE_ID") is None:
+    lifespan = None
+
 app, rt = fast_app(hdrs=(Style(css_content),), lifespan=lifespan)
 
 
@@ -71,17 +75,25 @@ document.addEventListener('DOMContentLoaded', function() {
 
 def date_range_inputs(start_date, end_date):
     return Div(
-        Input(
-            type="date",
-            name="start_date",
-            value=start_date.strftime("%Y-%m-%d"),
-            title="Start date",
+        Div(
+            Label("Start date", for_="start_date"),
+            Input(
+                type="date",
+                name="start_date",
+                value=start_date.strftime("%Y-%m-%d"),
+                title="Start date",
+            ),
+            cls="date-input",
         ),
-        Input(
-            type="date",
-            name="end_date",
-            value=end_date.strftime("%Y-%m-%d"),
-            title="End date",
+        Div(
+            Label("End date", for_="end_date"),
+            Input(
+                type="date",
+                name="end_date",
+                value=end_date.strftime("%Y-%m-%d"),
+                title="End date",
+            ),
+            cls="date-input",
         ),
         cls="date-range",
     )

styles.css

@@ -6,7 +6,7 @@
 }
 form {
   display: flex;
-  align-items: center;
+  align-items: end;
   gap: 10px;
   margin-bottom: 20px;
 }
@@ -17,6 +17,7 @@ input[type="text"] {
 .date-range {
   display: flex;
   gap: 10px;
+  align-items: center;
 }
 input[type="date"] {
   width: 180px;
@@ -26,6 +27,21 @@ button[type="submit"] {
   min-width: 30px;    /* Minimum width to ensure readability */
   max-width: 100px;
 }
+
+.date-input {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+label {
+  font-size: 14px;
+  margin-bottom: 5px;
+}
+
+.search-button {
+  align-self: flex-end;
+}
 #search-results {
   list-style-type: none;
   padding: 0;