From 521dc70f8697b3bebbc8905cd0f5a6a16e9ee812 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Fri, 28 Nov 2025 00:54:28 -0500
Subject: [PATCH] adjusted form error message spacing

---
 .../calendar/CreateCalendarEvent.vue          | 32 ++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/calendar/CreateCalendarEvent.vue b/ui/src/components/calendar/CreateCalendarEvent.vue
index 75d8996..b347a51 100644
--- a/ui/src/components/calendar/CreateCalendarEvent.vue
+++ b/ui/src/components/calendar/CreateCalendarEvent.vue
@@ -189,7 +189,9 @@ function getColorName(hex: string) {
                                     <FormControl>
                                         <Input type="text" v-bind="componentField" />
                                     </FormControl>
-                                    <FormMessage />
+                                    <div class="h-3">
+                                        <FormMessage />
+                                    </div>
                                 </FormItem>
                             </FormField>
                         </div>
@@ -226,7 +228,9 @@ function getColorName(hex: string) {
                                         </Select>
 
                                     </FormControl>
-                                    <FormMessage />
+                                    <div class="h-3">
+                                        <FormMessage />
+                                    </div>
                                 </FormItem>
                             </FormField>
                         </div>
@@ -242,7 +246,9 @@ function getColorName(hex: string) {
                                 <FormControl>
                                     <Input type="date" v-bind="componentField" />
                                 </FormControl>
-                                <FormMessage />
+                                <div class="h-3">
+                                    <FormMessage />
+                                </div>
                             </FormItem>
                         </FormField>
 
@@ -253,7 +259,9 @@ function getColorName(hex: string) {
                                     <Input type="text" v-bind="componentField" />
                                     <!-- If you ever want native picker: type="time" -->
                                 </FormControl>
-                                <FormMessage />
+                                <div class="h-3">
+                                    <FormMessage />
+                                </div>
                             </FormItem>
                         </FormField>
                     </div>
@@ -266,7 +274,9 @@ function getColorName(hex: string) {
                                 <FormControl>
                                     <Input type="date" v-bind="componentField" />
                                 </FormControl>
-                                <FormMessage />
+                                <div class="h-3">
+                                    <FormMessage />
+                                </div>
                             </FormItem>
                         </FormField>
 
@@ -276,7 +286,9 @@ function getColorName(hex: string) {
                                 <FormControl>
                                     <Input type="text" v-bind="componentField" />
                                 </FormControl>
-                                <FormMessage />
+                                <div class="h-3">
+                                    <FormMessage />
+                                </div>
                             </FormItem>
                         </FormField>
                     </div>
@@ -288,7 +300,9 @@ function getColorName(hex: string) {
                             <FormControl>
                                 <Input type="text" v-bind="componentField" />
                             </FormControl>
-                            <FormMessage />
+                            <div class="h-3">
+                                <FormMessage />
+                            </div>
                         </FormItem>
                     </FormField>
 
@@ -300,7 +314,9 @@ function getColorName(hex: string) {
                             <FormControl>
                                 <Textarea class="resize-none h-32" v-bind="componentField" />
                             </FormControl>
-                            <FormMessage />
+                            <div class="h-3">
+                                <FormMessage />
+                            </div>
                         </FormItem>
                     </FormField>