From 929c04a8929c6e6043699d222bbe3f59b325a5b5 Mon Sep 17 00:00:00 2001
From: nzambello <nzambello@protonmail.com>
Date: Sat, 18 Feb 2023 20:42:59 +0100
Subject: [PATCH] fix: mobile modal form

---
 app/routes/time-entries/$timeEntryId.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/routes/time-entries/$timeEntryId.tsx b/app/routes/time-entries/$timeEntryId.tsx
index a4e984c..1e16fbe 100644
--- a/app/routes/time-entries/$timeEntryId.tsx
+++ b/app/routes/time-entries/$timeEntryId.tsx
@@ -291,7 +291,12 @@ export default function TimeEntryDetailsPage() {
           >
             Start
           </label>
-          <Group align="flex-end">
+          <Group
+            align="flex-end"
+            sx={{
+              flexWrap: 'nowrap'
+            }}
+          >
             <DatePicker
               id="new-startTime-date"
               ref={startDateRef}
@@ -351,7 +356,12 @@ export default function TimeEntryDetailsPage() {
           >
             End
           </label>
-          <Group align="flex-end">
+          <Group
+            align="flex-end"
+            sx={{
+              flexWrap: 'nowrap'
+            }}
+          >
             <DatePicker
               id="new-endTime-date"
               ref={endDateRef}
@@ -385,7 +395,7 @@ export default function TimeEntryDetailsPage() {
               withSeconds
               clearable={false}
               aria-labelledby="new-endTime-label"
-              label="end time"
+              label="End time"
               value={end}
               onChange={(date) => {
                 let newDate = new Date(end || start);