Improved: Text overlapping in facility view page(#173)

hotwax · Jan 16, 2024 · 2d19949 · 2d19949
1 parent fb43935
commit 2d19949
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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>