CASH-464: fix premium and mobile appointment time slot button styling

src/digital-components/date-picker/date-picker.vue

@@ -1265,6 +1265,11 @@ export default {
             flex: 0 0 calc(50% - 0.25rem);
         }
     }
+    :deep(.button-question.is-mobile-appointment) {
+        .button-inner-wrapper > div {
+            flex: 0 0 100%;
+        }
+    }
 }
 
 .btn-link {

src/layouts/schedule/schedule.vue

@@ -257,7 +257,7 @@ export default {
         } else {
             // Check to see if pre-selected date should have pricing by day upcharge
             if (showPricingByDay) {
-                // is this preSelectedDate a premium day?
+                // is this preSelectedDate a higher priced pricingByDay day?
                 const dayIndex = convertDateStringToDate(preSelectedSlot?.date).getDay();
                 const dayObject = DAYS_OF_WEEK[dayIndex];
                 if (dayObject.isPricingByDayUpchargeDay) {

src/layouts/schedule/time-slot-question/time-slot-question.vue

@@ -12,6 +12,7 @@
             buttonTypeString="timeSlotModalListButton"
             :buttonTypeObject="timeSlotModalListButton"
             class="mt-4"
+            :class="isMobileAppointment ? 'is-mobile-appointment' : ''"
             :answers="availableTimeSlots"
             groupName="chooseTimeSlot"
             textPosition="text-center"
@@ -353,6 +354,9 @@ export default {
         waitListSuccessText() {
             return this.getCmsContent("WaitListSuccessWidget", "BodyText");
         },
+        isMobileAppointment() {
+            return this.appointmentType === AppointmentTypeStrings.MOBILE;
+        },
     },
     methods: {
         async setSelectedTimeSlot() {