From a4239169199e5af0567de95f40fbb315a1873e9b Mon Sep 17 00:00:00 2001
From: Alex Cheung <alex.cheung@2fi-solutions.com.hk>
Date: Mon, 8 Jan 2024 18:04:36 +0800
Subject: [PATCH] remove box padding

---
 src/pages/Payment/Details_GLD/index.js    | 4 ++--
 src/pages/Payment/Details_Public/index.js | 4 ++--
 src/pages/Payment/FPS/AckPage.js          | 4 ++--
 src/pages/Payment/FPS/fpscallback.js      | 4 ++--
 src/pages/Payment/PaymentCallback.js      | 4 ++--
 src/pages/Proof/Reply_Public/index.js     | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/pages/Payment/Details_GLD/index.js b/src/pages/Payment/Details_GLD/index.js
index 236ed56..cde724f 100644
--- a/src/pages/Payment/Details_GLD/index.js
+++ b/src/pages/Payment/Details_GLD/index.js
@@ -98,7 +98,7 @@ const Index = () => {
                         <Grid item xs={12} md={12} sx={{textAlign: "center" }}>
                             <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" >
                                 <Grid className="printOrder" item xs={12} md={5} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}>
-                                    <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                    <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                         <PaymentDetails
                                             formData={record}
                                             doPrint={doPrint}
@@ -111,7 +111,7 @@ const Index = () => {
                                     </Box>
                                 </Grid>
                                 <Grid item xs={12} md={5} sx={{ pt: 1, pb: 2 }} style={{  height: '100%', order: 2 }}>
-                                    <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                    <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                         <DataGrid
                                             recordList={itemList}
                                         />
diff --git a/src/pages/Payment/Details_Public/index.js b/src/pages/Payment/Details_Public/index.js
index c563ef6..e667fa3 100644
--- a/src/pages/Payment/Details_Public/index.js
+++ b/src/pages/Payment/Details_Public/index.js
@@ -100,7 +100,7 @@ const Index = () => {
                         <Grid item xs={12} md={12} spacing={2} sx={{ textAlign: "center" }}>
                             <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" >
                                 <Grid item className="printOrder" xs={12} md={12} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}>
-                                    <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                    <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                         <PaymentDetails
                                             formData={record}
                                             doPrint={doPrint}
@@ -113,7 +113,7 @@ const Index = () => {
                                     </Box>
                                 </Grid>
                                 <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }} style={{ height: '100%', order: 2 }}>
-                                    <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                    <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                         <DataGrid
                                             recordList={itemList}
                                         />
diff --git a/src/pages/Payment/FPS/AckPage.js b/src/pages/Payment/FPS/AckPage.js
index 2e1d08e..e8a0539 100644
--- a/src/pages/Payment/FPS/AckPage.js
+++ b/src/pages/Payment/FPS/AckPage.js
@@ -170,7 +170,7 @@ const AckPage = () => {
                                 </Typography>
                                 <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" >
                                     <Grid item className="printOrder" xs={12} md={12} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}>
-                                        <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                        <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                             <PaymentDetails
                                                 formData={paymentData}
                                                 doPrint={doPrint}
@@ -183,7 +183,7 @@ const AckPage = () => {
                                         </Box>
                                     </Grid>
                                     <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }} style={{ height: '100%', order: 2 }}>
-                                        <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                        <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                             <DataGrid
                                                 recordList={itemList}
                                             />
diff --git a/src/pages/Payment/FPS/fpscallback.js b/src/pages/Payment/FPS/fpscallback.js
index 27c1c7f..4c56035 100644
--- a/src/pages/Payment/FPS/fpscallback.js
+++ b/src/pages/Payment/FPS/fpscallback.js
@@ -164,14 +164,14 @@ const Fpscallback = () => {
                                             <Grid item xs={12} md={12} sx={{ textAlign: "center" }}>
                                                 <Grid container justifyContent="center" spacing={2} sx={{ p: 2 }} alignitems="stretch" >
                                                     <Grid item xs={12} md={5} sx={{ pt: 1, pb: 2 }} style={{ height: '100%' }}>
-                                                        <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                                        <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                                             <DataGrid
                                                                 recordList={itemList}
                                                             />
                                                         </Box>
                                                     </Grid>
                                                     <Grid item xs={12} md={5} sx={{ pt: 2 }} style={{ height: '100%' }}>
-                                                        <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                                        <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                                             <PaymentDetails
                                                                 formData={paymentData}
                                                                 style={{
diff --git a/src/pages/Payment/PaymentCallback.js b/src/pages/Payment/PaymentCallback.js
index b0bedb9..4c5a0e6 100644
--- a/src/pages/Payment/PaymentCallback.js
+++ b/src/pages/Payment/PaymentCallback.js
@@ -173,7 +173,7 @@ const Index = () => {
                                 </Typography>
                                 <Grid container justifyContent="center" direction="column" spacing={2} sx={{ p: 2 }} alignitems="stretch" >
                                     <Grid item className="printOrder" xs={12} md={12} sx={{ pt: 2 }} style={{ height: '100%', order: 1 }}>
-                                        <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                        <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                             <PaymentDetails
                                                 formData={paymentData}
                                                 doPrint={doPrint}
@@ -186,7 +186,7 @@ const Index = () => {
                                         </Box>
                                     </Grid>
                                     <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }} style={{ height: '100%', order: 2 }}>
-                                        <Box xs={12} md={12} sx={{ p: 4, border: '3px solid #eee', borderRadius: '10px' }} >
+                                        <Box xs={12} md={12} sx={{ border: '3px solid #eee', borderRadius: '10px' }} >
                                             <DataGrid
                                                 recordList={itemList}
                                             />
diff --git a/src/pages/Proof/Reply_Public/index.js b/src/pages/Proof/Reply_Public/index.js
index c7474a9..f1b3578 100644
--- a/src/pages/Proof/Reply_Public/index.js
+++ b/src/pages/Proof/Reply_Public/index.js
@@ -116,7 +116,7 @@ const Index = () => {
                         <Grid container justifyContent="flex-start" alignItems="center" >
                             <center>
                                 <Grid item xs={12} md={12} sx={{ pt: 2 }}>
-                                    <Box xs={12} md={12} sx={{ p: 4, border: '0px groove grey', borderRadius: '10px', ..._sx }}>
+                                    <Box xs={12} md={12} sx={{ border: '0px groove grey', borderRadius: '10px', ..._sx }}>
                                         <ApplicationDetails
                                             formData={record}
                                             style={{
@@ -128,7 +128,7 @@ const Index = () => {
                                     </Box>
                                 </Grid>
                                 <Grid item xs={12} md={12} sx={{ pt: 1, pb: 2 }}>
-                                    <Box xs={12} md={12} sx={{ p: 4, border: '0px groove grey', borderRadius: '10px', ..._sx }}>
+                                    <Box xs={12} md={12} sx={{ border: '0px groove grey', borderRadius: '10px', ..._sx }}>
                                         <ProofForm
                                             formData={record}
                                         />