diff --git a/src/layouts/schedule/multi-location-modal/multi-location-modal.vue b/src/layouts/schedule/multi-location-modal/multi-location-modal.vue index 68f8d4f7c..3479d0432 100644 --- a/src/layouts/schedule/multi-location-modal/multi-location-modal.vue +++ b/src/layouts/schedule/multi-location-modal/multi-location-modal.vue @@ -301,6 +301,7 @@ export default { flex-direction: column; text-align: center; padding: 0 1rem; + margin-top: 4rem; & > span { color: $red; diff --git a/src/layouts/schedule/multi-location-modal/multi-location-radio/multi-location-radio.vue b/src/layouts/schedule/multi-location-modal/multi-location-radio/multi-location-radio.vue index 275c6cd2c..06ba006ac 100644 --- a/src/layouts/schedule/multi-location-modal/multi-location-radio/multi-location-radio.vue +++ b/src/layouts/schedule/multi-location-modal/multi-location-radio/multi-location-radio.vue @@ -265,6 +265,7 @@ export default { .location-info-label { display: flex; align-items: center; + line-height: 1.625rem; &:before { content: ""; diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue index 48126d371..634f0c8bf 100644 --- a/src/layouts/schedule/schedule.vue +++ b/src/layouts/schedule/schedule.vue @@ -618,9 +618,9 @@ export default { pricedMobileFeePart, shopProviderData.data ); - vm.initializeDatePicker().then(() => { + vm.initializeDatePicker().then(async () => { // vm.showMobileFirstModal(); // KEEP IN CASE WE WANT TO REINSTATE MOBILE FIRST - vm.showMultiLocationModal(); + await vm.showMultiLocationModal(); vm.hideLoadingModal(); vm.calendarLoadingStatus = "none"; if (!vm.preSelectedDate) vm.setSelectedDateToFirstAvailable();