From aced1bcbec4ef0b6aef3c964c48ef81d0f54b835 Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Tue, 26 Sep 2023 14:58:37 +0530
Subject: [PATCH] Improved: the UI for custom field button and removed todo
 statement(#269)

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

diff --git a/src/views/DownloadPackedOrders.vue b/src/views/DownloadPackedOrders.vue
index 47abd3bc..6b78d6dc 100644
--- a/src/views/DownloadPackedOrders.vue
+++ b/src/views/DownloadPackedOrders.vue
@@ -23,8 +23,8 @@
         </ion-list>
 
         <ion-list>
-          <!-- TODO: check if we can have button inside header and if yes how to move the button to end -->
-          <ion-list-header>{{ $t('Selected Fields: ') }} {{ Object.keys(selectedFieldMappings).length }}
+          <ion-list-header>
+            <ion-label>{{ $t('Selected Fields: ') }} {{ Object.keys(selectedFieldMappings).length }}</ion-label>
             <ion-button fill="clear" @click="addCustomField()" :disabled="!Object.keys(fieldMapping).length">{{ $t('Add custom field') }}</ion-button>
           </ion-list-header>
           <ion-reorder-group @ionItemReorder="doReorder($event)" :disabled="false">