From 22c42410beb6baf77bf3a65b0c536c509af58715 Mon Sep 17 00:00:00 2001
From: Sander Eikemo Andreassen <seandreassen04@gmail.com>
Date: Tue, 29 Oct 2024 13:34:39 +0100
Subject: [PATCH] fix: make dialog title fit within dialog on small screens

---
 src/components/shift-schedule/ScheduleCell.tsx       | 2 +-
 src/components/shift-schedule/ScheduleCellDialog.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/shift-schedule/ScheduleCell.tsx b/src/components/shift-schedule/ScheduleCell.tsx
index 36c434b2..304d077c 100644
--- a/src/components/shift-schedule/ScheduleCell.tsx
+++ b/src/components/shift-schedule/ScheduleCell.tsx
@@ -19,7 +19,7 @@ function ScheduleCell({ messages, members }: ScheduleCellProps) {
       <DialogTrigger asChild>
         <ScheduleCellContent members={members} />
       </DialogTrigger>
-      <DialogContent className='w-1/3 min-w-80 p-3'>
+      <DialogContent className='w-1/3 min-w-80 p-3 lg:min-w-96'>
         <ScheduleCellDialog messages={messages} members={members} />
       </DialogContent>
     </Dialog>
diff --git a/src/components/shift-schedule/ScheduleCellDialog.tsx b/src/components/shift-schedule/ScheduleCellDialog.tsx
index bb89d029..8f56d632 100644
--- a/src/components/shift-schedule/ScheduleCellDialog.tsx
+++ b/src/components/shift-schedule/ScheduleCellDialog.tsx
@@ -35,9 +35,9 @@ function ScheduleCellDialog({ messages, members }: ScheduleCellDialogProps) {
   return (
     <>
       <DialogHeader>
-        <DialogTitle className='space-x-5'>
+        <DialogTitle className='flex flex-col text-left lg:block lg:flex-none lg:space-x-5'>
           <span className='font-semibold text-3xl'>{messages.day}</span>
-          <span className='font-semibold text-lg'>{messages.time}</span>
+          <span className='mt-auto font-semibold text-lg'>{messages.time}</span>
         </DialogTitle>
       </DialogHeader>
       <section className='flex justify-between gap-8 px-1.5 pb-1.5'>