From 8c976b6d0bda23f30510a252feb3f6a6953db887 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Fri, 23 Jan 2026 10:54:15 +0700
Subject: [PATCH] refactor(FE): Center PDF status and refine payment badge
 styling

---
 .../pages/report/finance/export/CustomerPaymentExportPDF.tsx | 2 +-
 .../pages/report/finance/tab/CustomerPaymentTab.tsx          | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx b/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
index 77e33866..d4f6587a 100644
--- a/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
+++ b/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
@@ -479,7 +479,7 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
                       {formatCurrency(item.accounts_receivable)}
                     </Text>
                   </View>
-                  <View style={[pdfStyles.tableCell, { flex: 1.5 }]}>
+                  <View style={[pdfStyles.tableCellCenter, { flex: 1.5 }]}>
                     {item.status ? (
                       <View
                         style={[
diff --git a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
index 7b94de7d..3a4ae25f 100644
--- a/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
+++ b/src/components/pages/report/finance/tab/CustomerPaymentTab.tsx
@@ -514,13 +514,14 @@ const CustomerPaymentTab = () => {
           return (
             <Badge
               statusIndicator={true}
+              size='sm'
               variant='soft'
               className={{
-                badge: `rounded-xl justify-start border border-gray-200 ${getPaymentStatusColor(value)}`,
+                badge: `py-2.5 px-2 font-medium text-base-content border border-gray-200 rounded-xl justify-start ${getPaymentStatusColor(value)}`,
                 status: getPaymentStatusIndicatorColor(value),
               }}
             >
-              <span className='capitalize'>{getPaymentStatusText(value)}</span>
+              {getPaymentStatusText(value)}
             </Badge>
           );
         },