CASH-2454: MultiLocationModal UI/UX updates

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;

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: "";

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();