From 99e66763b011260431cd82bd370b3749caa8280b Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Fri, 28 Nov 2025 01:01:14 -0500
Subject: [PATCH] tweaked dialog scrollbar

---
 .../calendar/CreateCalendarEvent.vue          | 38 +++++++++++++++++--
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/calendar/CreateCalendarEvent.vue b/ui/src/components/calendar/CreateCalendarEvent.vue
index b347a51..a898b98 100644
--- a/ui/src/components/calendar/CreateCalendarEvent.vue
+++ b/ui/src/components/calendar/CreateCalendarEvent.vue
@@ -91,8 +91,8 @@ function makeInitialValues() {
 
     let start: Date;
     if (clickedDate.value) {
-        const local = new Date(clickedDate.value + "T00:00:00");
-        start = roundToNextHour(local);
+        const local = new Date(clickedDate.value + "T20:00:00");
+        start = local;
     } else {
         start = roundToNextHour();
     }
@@ -312,10 +312,10 @@ function getColorName(hex: string) {
                         <FormItem>
                             <FormLabel>Description</FormLabel>
                             <FormControl>
-                                <Textarea class="resize-none h-32" v-bind="componentField" />
+                                <Textarea class="resize-none h-32 scrollbar-themed" v-bind="componentField" />
                             </FormControl>
                             <div class="h-3">
-                                <FormMessage />
+                                <FormMessage/>
                             </div>
                         </FormItem>
                     </FormField>
@@ -333,3 +333,33 @@ function getColorName(hex: string) {
         </Dialog>
     </Form>
 </template>
+
+<style scoped>
+/* Firefox */
+.scrollbar-themed {
+    scrollbar-width: thin;
+    scrollbar-color: #555 #1f1f1f;
+    padding-right: 6px;
+}
+
+/* Chrome, Edge, Safari */
+.scrollbar-themed::-webkit-scrollbar {
+    width: 10px;
+    /* slightly wider to allow padding look */
+}
+
+.scrollbar-themed::-webkit-scrollbar-track {
+    background: #1f1f1f;
+    margin-left: 6px;
+    /* ❗ adds space between content + scrollbar */
+}
+
+.scrollbar-themed::-webkit-scrollbar-thumb {
+    background: #555;
+    border-radius: 9999px;
+}
+
+.scrollbar-themed::-webkit-scrollbar-thumb:hover {
+    background: #777;
+}
+</style>
\ No newline at end of file