From 29b9e5cb8aeca023efb8b3ddfc5515717b9017be Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Tue, 25 Jun 2024 19:11:21 +0530
Subject: [PATCH] Improved: position of distance label in the pickup modal and
 also improved indentation

---
 src/views/PickupLocationModal.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/views/PickupLocationModal.vue b/src/views/PickupLocationModal.vue
index 35301531..54fced91 100644
--- a/src/views/PickupLocationModal.vue
+++ b/src/views/PickupLocationModal.vue
@@ -29,13 +29,13 @@
       <ion-radio-group v-model="selectedFacility">
         <ion-item v-for="store of nearbyStores" :key="store.facilityId">
           <ion-radio :value="store">
-              <ion-label>
-                {{ store.facilityName }}
-                <p>{{ store.address1 }}</p>
-                <p>{{ store.city }}{{ store.city && store.state ? ", " : "" }}{{ store.state }}</p>
-              </ion-label>
-              <!-- Showing store distance in miles -->
-              <ion-label v-if="store.distance">{{ store.distance }} {{ $t("mi") }}</ion-label>
+            <ion-label>
+              {{ store.facilityName }}
+              <p>{{ store.address1 }}</p>
+              <p>{{ store.city }}{{ store.city && store.state ? ", " : "" }}{{ store.state }}</p>
+            </ion-label>
+            <!-- Showing store distance in miles -->
+            <ion-label v-if="store.distance">{{ store.distance }} {{ $t("mi") }}</ion-label>
           </ion-radio>
         </ion-item>
       </ion-radio-group>
@@ -248,6 +248,7 @@ export default defineComponent({
 ion-radio::part(label) {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   width: 100%
 }
 </style>
\ No newline at end of file