Bigger buttons

src/components/BoatReservationComponent.vue

@@ -101,15 +101,18 @@
         <q-btn
           label="Delete"
           color="negative"
+          size="lg"
           v-if="reservation?.$id"
           @click="onDelete" />
         <q-btn
           label="Reset"
           @click="onReset"
+          size="lg"
           color="secondary" />
         <q-btn
           label="Submit"
           @click="onSubmit"
+          size="lg"
           color="primary" />
       </q-card-actions>
     </q-card>

src/components/ToolbarComponent.vue

@@ -11,7 +11,7 @@
 
       <q-toolbar-title>{{ pageTitle }}</q-toolbar-title>
       <q-space />
-      <div>v2024.6.4.1</div>
+      <div>v2024.6.4.2</div>
     </q-toolbar>
   </q-header>
   <LeftDrawer

src/components/scheduling/ReservationCardComponent.vue

@@ -52,11 +52,13 @@
     <q-card-actions v-if="!isPast(reservation.end)">
       <q-btn
         flat
+        size="lg"
         :to="{ name: 'edit-reservation', params: { id: reservation.$id } }">
         Modify
       </q-btn>
       <q-btn
         flat
+        size="lg"
         @click="cancelReservation()">
         Delete
       </q-btn>
@@ -80,11 +82,13 @@
       <q-card-actions align="right">
         <q-btn
           flat
+          size="lg"
           label="Cancel"
           color="primary"
           v-close-popup />
         <q-btn
           flat
+          size="lg"
           label="Delete"
           color="negative"
           @click="reservationStore.deleteReservation(reservation)"