From 9b0de0d12993a2decf38c8f4ba960ff842d2f100 Mon Sep 17 00:00:00 2001
From: zmeyer44 <zmmeyer44@gmail.com>
Date: Thu, 2 Nov 2023 15:55:23 -0400
Subject: [PATCH] css impromvents on event creation form

---
 components/Modals/CreateCalendarEvent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Modals/CreateCalendarEvent.tsx b/components/Modals/CreateCalendarEvent.tsx
index b66c9f4..f29eca5 100644
--- a/components/Modals/CreateCalendarEvent.tsx
+++ b/components/Modals/CreateCalendarEvent.tsx
@@ -226,13 +226,13 @@ export default function CreateCalendarEventModal({
               "border-b border-red-600 placeholder:text-red-600/50",
           )}
         />
-        <div className="space-y-4">
+        <div className="mt-2 space-y-4">
           {/* General Details */}
           <div className="flex w-full items-start gap-x-3">
             <div className="shrink-0">
               <SmallCalendarIcon date={startDate ?? new Date()} />
             </div>
-            <div className="flex-1 divide-y overflow-hidden rounded-md bg-muted sm:max-w-[300px]">
+            <div className="flex-1 shrink-0 divide-y overflow-hidden rounded-md bg-muted sm:max-w-[300px]">
               <div className="flex justify-between p-0.5 px-2 pl-3">
                 <div className="flex w-[50px] items-center">Start</div>
                 <div className="flex-1 shrink-0">