From f5e624f9fe8e761f288a528b7260fe63784b6d03 Mon Sep 17 00:00:00 2001
From: Aditya Patel <aditya.patel@hotwax.co>
Date: Thu, 28 Nov 2024 11:39:09 +0530
Subject: [PATCH] Use ion-row instead of ion item for chips

@R-Sourabh  let me know if this breaks anything
---
 src/components/LearnMoreModal.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/LearnMoreModal.vue b/src/components/LearnMoreModal.vue
index 52ae7d7f..4f02448f 100644
--- a/src/components/LearnMoreModal.vue
+++ b/src/components/LearnMoreModal.vue
@@ -41,12 +41,12 @@
         <ion-item lines="none">
           <ion-label>{{ translate("Sources") }}</ion-label>
         </ion-item>
-        <ion-item v-for="section in jobSection" :key="section.id" lines="none">
+        <ion-row class="ion-padding" v-for="section in jobSection" :key="section.id" lines="none">
           <ion-chip outline @click="redirectToDoc(section)">
             <ion-label>{{ section.title }}</ion-label>
             <ion-icon :icon="openOutline" />
           </ion-chip>
-        </ion-item>
+        </ion-row>
       </ion-list>
   
       <ion-item>
@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts">
-import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonSpinner, IonTitle, IonToolbar, modalController } from "@ionic/vue";
+import { IonButton, IonButtons, IonChip, IonContent, IonHeader, IonIcon, IonItem, IonLabel, IonList,, IonRow, IonSpinner, IonTitle, IonToolbar, modalController } from "@ionic/vue";
 import { closeOutline, openOutline } from 'ionicons/icons'
 import { translate } from '@hotwax/dxp-components';
 import { defineComponent } from "vue";
@@ -80,6 +80,7 @@ export default defineComponent({
     IonItem,
     IonLabel,
     IonList,
+    IonRow,
     IonSpinner,
     IonTitle,
     IonToolbar
@@ -167,4 +168,4 @@ export default defineComponent({
     };
   }
 })
-</script>
\ No newline at end of file
+</script>