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; + } + } } diff --git a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue index f29ccf37b..df80fdffa 100644 --- a/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue +++ b/src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue @@ -205,7 +205,7 @@ export default { } .loader:after { - background-color: $gray-300; + background-color: $gray-550; height: 1rem; width: 1rem; }