From 2d1994918bc8b15032845c9e45ab34f9c6668f47 Mon Sep 17 00:00:00 2001
From: Ritika-Patel08 <ritikapatel8870@gmail.com>
Date: Tue, 16 Jan 2024 12:34:17 +0530
Subject: [PATCH] Improved: Text overlapping in facility view page(#173)

---
 src/views/FindFacilities.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/FindFacilities.vue b/src/views/FindFacilities.vue
index ff470161..fd95a5ce 100644
--- a/src/views/FindFacilities.vue
+++ b/src/views/FindFacilities.vue
@@ -57,10 +57,10 @@
           <div class="list-item" v-for="(facility, index) in facilities" :key="index" @click="viewFacilityDetails(facility.facilityId)">
             <ion-item lines="none">
               <ion-icon slot="start" :icon="facilityTypes[facility.facilityTypeId]?.parentTypeId === 'DISTRIBUTION_CENTER' ? businessOutline : storefrontOutline" />
-              <ion-label>
+              <ion-label class="ion-text-wrap">
                 <p class="overline">{{ facility.facilityTypeId ? facilityTypes[facility.facilityTypeId] ? facilityTypes[facility.facilityTypeId].description : facilityTypes.facilityTypeId : '' }}</p>
                 {{ facility.facilityName }}
-                <p>{{ facility.facilityId }}</p>
+                <p class="ion-text-wrap">{{ facility.facilityId }}</p>
               </ion-label>
             </ion-item>