Schedule UX tweaks

src/components/ResourceScheduleViewerComponent.vue

@@ -56,9 +56,10 @@
     :model-resources="boatStore.boats"
     resource-key="id"
     resource-label="name"
-    :interval-start="6"
-    :interval-count="18"
-    cell-width="64"
+    :interval-start="12"
+    :interval-count="36"
+    :interval-minutes="30"
+    cell-width="48"
     resource-min-height="40"
     animated
     bordered
@@ -96,15 +97,6 @@
       stack-label
       ><template v-slot:append><q-icon name="timelapse" /></template></q-select
   ></q-card-section>
-  <q-card-section>
-    <q-btn
-      color="primary"
-      class="full-width"
-      icon="keyboard_arrow_down"
-      icon-right="keyboard_arrow_down"
-      label="Next: Crew & Passengers"
-      @click="onCloseSection"
-  /></q-card-section>
 </template>
 
 <script setup lang="ts">
@@ -200,7 +192,7 @@ function getStyle(event: {
   };
 }
 
-const emit = defineEmits(['onClickTime', 'onCloseSection', 'onUpdateDuration']);
+const emit = defineEmits(['onClickTime', 'onUpdateDuration']);
 
 function onPrev() {
   calendar.value.prev();
@@ -215,9 +207,6 @@ function onClickTime(data) {
   // TODO: Add a duration picker, here.
   emit('onClickTime', data);
 }
-function onCloseSection() {
-  emit('onCloseSection');
-}
 function onUpdateDuration(value) {
   emit('onUpdateDuration', value);
 }