From 37037ac654e94e25bdddbec6bbd2c1037b0713f5 Mon Sep 17 00:00:00 2001
From: credelinghuys <Chris.Redelinghuys@safelite.com>
Date: Mon, 9 Mar 2026 13:29:47 -0400
Subject: [PATCH] CASH-2454: MultiLocationModal UI/UX updates

---
 .../schedule/multi-location-modal/multi-location-modal.vue    | 1 +
 .../multi-location-radio/multi-location-radio.vue             | 1 +
 src/layouts/schedule/schedule.vue                             | 4 ++--
 3 files changed, 4 insertions(+), 2 deletions(-)

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