From 1e8bf4dc97b13a48824fd362f9fefc57b40933d3 Mon Sep 17 00:00:00 2001
From: Beppe Catanese <gcatanese@yahoo.com>
Date: Mon, 11 Dec 2023 12:09:12 +0100
Subject: [PATCH] Padding for page titles

---
 react-app/src/dashboard/Dashboard.js |  4 ++--
 react-app/src/dashboard/Payments.js  | 12 +++++-------
 react-app/src/dashboard/Payouts.js   |  4 ++--
 react-app/src/dashboard/Products.js  |  4 ++--
 react-app/src/dashboard/Settings.js  |  4 ++--
 5 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/react-app/src/dashboard/Dashboard.js b/react-app/src/dashboard/Dashboard.js
index 3ed4323..82d6aa2 100644
--- a/react-app/src/dashboard/Dashboard.js
+++ b/react-app/src/dashboard/Dashboard.js
@@ -62,8 +62,8 @@ export default function Dashboard() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="Status" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="Status" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
 
         <br/>
diff --git a/react-app/src/dashboard/Payments.js b/react-app/src/dashboard/Payments.js
index 0faff7c..3046d44 100644
--- a/react-app/src/dashboard/Payments.js
+++ b/react-app/src/dashboard/Payments.js
@@ -70,13 +70,11 @@ export default function Products() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Transactions" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Transactions" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
-        <br/><br/>
-        <div>
-            <Paper sx={{ width: '100%', overflow: 'hidden' }}>
-                <TableContainer sx={{ maxHeight: 500, minHeight: 500 }}>
+            <Paper sx={{ width: '100%' }}>
+                <TableContainer>
                     <Table stickyHeader aria-label="sticky table">
                         <TableHead>
                             <TableRow>
@@ -127,7 +125,7 @@ export default function Products() {
                     onRowsPerPageChange={handleChangeRowsPerPage}
                 />
             </Paper>
-        </div>
+
 
       </Box>
     </Box>
diff --git a/react-app/src/dashboard/Payouts.js b/react-app/src/dashboard/Payouts.js
index e1f198f..006885d 100644
--- a/react-app/src/dashboard/Payouts.js
+++ b/react-app/src/dashboard/Payouts.js
@@ -26,8 +26,8 @@ export default function Payouts() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Payouts" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Payouts" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
         <br/><br/>
 
diff --git a/react-app/src/dashboard/Products.js b/react-app/src/dashboard/Products.js
index 41b1dcb..e401466 100644
--- a/react-app/src/dashboard/Products.js
+++ b/react-app/src/dashboard/Products.js
@@ -28,8 +28,8 @@ export default function Products() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="My Products" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="My Products" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
 
         <ProductList/>
diff --git a/react-app/src/dashboard/Settings.js b/react-app/src/dashboard/Settings.js
index ce8516b..00ef50a 100644
--- a/react-app/src/dashboard/Settings.js
+++ b/react-app/src/dashboard/Settings.js
@@ -27,8 +27,8 @@ export default function Settings() {
 
         <Toolbar />
 
-        <Divider>
-            <Chip label="Settings" variant="elevated" sx={{ fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
+        <Divider sx={{ padding: 1 }}>
+            <Chip label="Settings" variant="elevated" sx={{ minWidth: 100, fontSize: "20px", backgroundColor: "#0abf53", color: "white" }}/>
         </Divider>
         <br/><br/>