diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue index aaab331e3..13348f5fe 100644 --- a/src/digital-components/date-picker/date-picker.vue +++ b/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 { diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue index 4a5a91324..715705cbb 100644 --- a/src/layouts/schedule/schedule.vue +++ b/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) { diff --git a/src/layouts/schedule/time-slot-question/time-slot-question.vue b/src/layouts/schedule/time-slot-question/time-slot-question.vue index c31f1b4c7..36a94cf59 100644 --- a/src/layouts/schedule/time-slot-question/time-slot-question.vue +++ b/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() {