From 2fb236cf97db6ea86c0674ac909433df161186e7 Mon Sep 17 00:00:00 2001
From: Patrick Toal <ptoal@takeflight.ca>
Date: Fri, 24 May 2024 08:36:28 -0400
Subject: [PATCH] Style edits

---
 src/pages/schedule/BoatReservationPage.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/schedule/BoatReservationPage.vue b/src/pages/schedule/BoatReservationPage.vue
index 6bb396a..099dda1 100644
--- a/src/pages/schedule/BoatReservationPage.vue
+++ b/src/pages/schedule/BoatReservationPage.vue
@@ -2,7 +2,6 @@
   <div class="q-pa-xs row q-gutter-xs">
     <q-card
       flat
-      bordered
       class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
       <q-card-section>
         <div class="text-h5 q-mt-none q-mb-xs">New Booking</div>
@@ -15,7 +14,9 @@
           clickable
           @click="boatSelect = true">
           <q-item-section>
-            <q-card v-if="bookingForm.boat">
+            <q-card
+              v-if="bookingForm.boat"
+              flat>
               <q-card-section>
                 <q-img
                   :src="bookingForm.boat?.imgSrc"
@@ -42,11 +43,11 @@
                           color="primary"
                           label="Start" />
                       </q-item-section>
-                      <q-item-section class="text-caption">
+                      <q-item-section class="text-body2">
                         {{
                           date.formatDate(
                             new Date(bookingForm.startDate as string),
-                            'ddd MMM Do @ hh:mm A'
+                            'ddd MMM Do hh:mm A'
                           )
                         }}
                       </q-item-section>
@@ -57,11 +58,11 @@
                           color="primary"
                           label="End" />
                       </q-item-section>
-                      <q-item-section class="text-caption">
+                      <q-item-section class="text-body2">
                         {{
                           date.formatDate(
                             new Date(bookingForm.endDate as string),
-                            'ddd MMM Do @ hh:mm A'
+                            'ddd MMM Do hh:mm A'
                           )
                         }}
                       </q-item-section>
@@ -191,6 +192,7 @@ const bookingDuration = computed((): { hours: number; minutes: number } => {
 });
 
 const onReset = () => {
+  interval.value = undefined;
   bookingForm.value = { ...newForm };
 };
 const onSubmit = () => {