Improved: updated the failed records icon properties & wrapped it in …

…ion-button(#680)
hotwax · Nov 26, 2024 · 8f1a97e · 8f1a97e
1 parent ec1759c
commit 8f1a97e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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>