diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue index 7e9b5a279..34086b728 100644 --- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue +++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue @@ -24,7 +24,7 @@ validationRules="time-slot-required" class="mt-5" />
+ class="mb-2 mt-4" /> @@ -110,10 +110,11 @@ export default { if (this.appointmentType === AppointmentTypeStrings.IN_SHOP) { return null; } else if (this.appointmentType === AppointmentTypeStrings.MOBILE) { - appointmentTypeCmsWidgetName = - this.selectedTimeSlotId === this.premiumAppointmentButtonText - ? this.mobilePremiumCmsWidgetName - : this.mobileCmsWidgetName; + appointmentTypeCmsWidgetName = this.selectedTimeSlotId?.includes( + PREMIUM_TIME_SLOT_ID_FLAG + ) + ? this.mobilePremiumCmsWidgetName + : this.mobileCmsWidgetName; } else { appointmentTypeCmsWidgetName = this.isSameDay ? this.sameDayDropOffCmsWidgetName @@ -317,5 +318,15 @@ export default { .text-block.duration-text-block { margin-top: 0 !important; } + .supplemental-information { + line-height: 1.5rem; + font-size: 0.875rem; + li strong { + font-weight: $font-weight-bold; + } + li:not(:last-child) { + margin-bottom: 16px; + } + } }