From f12940dc115f7c107e2632b06a44466c41e170e8 Mon Sep 17 00:00:00 2001
From: Ryan Kegel <ryan.kegel@gmail.com>
Date: Fri, 27 Feb 2026 10:43:10 -0500
Subject: [PATCH] fix: improve formatting and readability in ScheduleModal
 component

---
 .../src/components/shared/ScheduleModal.vue     | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/vue-app/src/components/shared/ScheduleModal.vue b/frontend/vue-app/src/components/shared/ScheduleModal.vue
index 1fc9614..759fa6a 100644
--- a/frontend/vue-app/src/components/shared/ScheduleModal.vue
+++ b/frontend/vue-app/src/components/shared/ScheduleModal.vue
@@ -54,8 +54,14 @@
               </button>
             </template>
             <template v-else>
-              <span class="default-label">{{ hasDefaultDeadline ? formatDefaultTime : 'Anytime' }}</span>
-              <button type="button" class="link-btn" @click="exceptions.set(idx, { ...defaultTime })">
+              <span class="default-label">{{
+                hasDefaultDeadline ? formatDefaultTime : 'Anytime'
+              }}</span>
+              <button
+                type="button"
+                class="link-btn"
+                @click="exceptions.set(idx, { ...defaultTime })"
+              >
                 Set different time
               </button>
             </template>
@@ -247,7 +253,12 @@ const nextOccurrence = computed((): string | null => {
   today.setHours(0, 0, 0, 0)
 
   const fmt = (dt: Date) =>
-    dt.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric', year: 'numeric' })
+    dt.toLocaleDateString('en-US', {
+      weekday: 'short',
+      month: 'short',
+      day: 'numeric',
+      year: 'numeric',
+    })
 
   // Find the first hit date strictly after today
   for (let i = 1; i <= 365; i++) {