Merge pull request #90 from ymaheshwari1/fix/distance-position-in-pic…

…kup-modal

Improved: position of distance label in the pickup modal and also improved indentation

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>