From dfe502ee9cd0b04d3b3cc73652df5e216442a233 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 5 Dec 2023 09:45:50 +0700
Subject: UI: Fix result page

---
 src/modules/result/components/Table.tsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

(limited to 'src/modules/result/components/Table.tsx')

diff --git a/src/modules/result/components/Table.tsx b/src/modules/result/components/Table.tsx
index 7478e1b..20cc2d6 100644
--- a/src/modules/result/components/Table.tsx
+++ b/src/modules/result/components/Table.tsx
@@ -88,7 +88,7 @@ const Table = () => {
         </Button>
       </div>
 
-      <div className="w-full overflow-auto pb-4">
+      <div className="w-full flex-1 overflow-auto pb-4">
         <table className="w-full">
           <thead className={styles.thead}>
             <th className={styles.th}>STATUS</th>
@@ -117,7 +117,7 @@ const Table = () => {
                       {stockOpname.isDifferent ? 'Selisih' : 'Aman'}
                     </div>
                   </td>
-                  <td className={clsxm(styles.td, '!text-left flex min-w-[250px]')}>
+                  <td className={clsxm(styles.td, '!text-left flex min-w-[250px]')} aria-label="name">
                     {stockOpname.itemCode ? `[${stockOpname.itemCode}] ` : ''}
                     {stockOpname.name}
                     {stockOpname.barcode ? ` [${stockOpname.barcode}]` : ''}
@@ -182,13 +182,16 @@ const Table = () => {
           </tbody>
         </table>
 
-        <Spacer y={4} />
-        <Pagination
-          page={stockOpnames.data?.page || 1}
-          total={stockOpnames.data?.totalPage || 1}
-          onChange={(page) => updateFilter('page', page)}
-        />
       </div>
+
+      <Spacer y={4} />
+
+      <Pagination
+        page={stockOpnames.data?.page || 1}
+        total={stockOpnames.data?.totalPage || 1}
+        onChange={(page) => updateFilter('page', page)}
+        className="min-h-[36px] m-0 p-0"
+      />
     </>
   )
 }
-- 
cgit v1.2.3