From 8f1a97ee22813965a5314200050ea50c07552aec Mon Sep 17 00:00:00 2001
From: R-Sourabh <rsourabh002@gmail.com>
Date: Tue, 26 Nov 2024 12:58:55 +0530
Subject: [PATCH] Improved: updated the failed records icon properties &
 wrapped it in ion-button(#680)

---
 src/views/DataManagerLogDetails.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/DataManagerLogDetails.vue b/src/views/DataManagerLogDetails.vue
index de7fc3b7..3be5ca21 100644
--- a/src/views/DataManagerLogDetails.vue
+++ b/src/views/DataManagerLogDetails.vue
@@ -95,7 +95,9 @@
           <ion-badge v-if="log.statusId" :color="getLogStatusColor(log.statusId)">{{ translate(getStatusDesc(log.statusId)) }}</ion-badge>
           
           <div class="ion-text-center" lines="none" v-if="log.errorRecordContentId">
-            <ion-icon color="medium" :icon="cloudDownloadOutline" @click="downloadErrorRecordFile(log)" />
+            <ion-button fill="clear" color="medium" @click="downloadErrorRecordFile(log)">
+              <ion-icon slot="icon-only" :icon="cloudDownloadOutline" />
+            </ion-button>
             <ion-label>
               <p>{{ translate('Failed records') }}</p>
             </ion-label>