From f7fbc0e31c7306d3cd054f3eb7474b10c4abe66c Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@gmail.com>
Date: Sat, 2 Nov 2024 17:10:32 +0200
Subject: [PATCH] fix: send invoice drawer layout

---
 packages/webapp/src/containers/PaymentPortal/PaymentPage.tsx    | 1 -
 .../src/containers/PaymentPortal/PaymentPortal.module.scss      | 1 -
 packages/webapp/src/containers/PaymentPortal/PaymentPortal.tsx  | 2 +-
 .../Invoices/InvoiceSendMailDrawer/InvoiceSendMailFields.tsx    | 1 +
 4 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/webapp/src/containers/PaymentPortal/PaymentPage.tsx b/packages/webapp/src/containers/PaymentPortal/PaymentPage.tsx
index 64f57a93c..d1cf3d4df 100644
--- a/packages/webapp/src/containers/PaymentPortal/PaymentPage.tsx
+++ b/packages/webapp/src/containers/PaymentPortal/PaymentPage.tsx
@@ -117,7 +117,6 @@ export function InvoicePaymentPage({
 
   // # Copyright
   copyrightText = `© 2024 Bigcapital Technology, Inc. <br /> All rights reserved.`,
-
   classNames,
 }: PaymentPageProps) {
   return (
diff --git a/packages/webapp/src/containers/PaymentPortal/PaymentPortal.module.scss b/packages/webapp/src/containers/PaymentPortal/PaymentPortal.module.scss
index 9ad45640e..5c804fae8 100644
--- a/packages/webapp/src/containers/PaymentPortal/PaymentPortal.module.scss
+++ b/packages/webapp/src/containers/PaymentPortal/PaymentPortal.module.scss
@@ -7,7 +7,6 @@
   border-radius: 10px;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
   width: 600px;
-  // margin: 40px auto;
   color: #222;
   background-color: #fff;
 }
diff --git a/packages/webapp/src/containers/PaymentPortal/PaymentPortal.tsx b/packages/webapp/src/containers/PaymentPortal/PaymentPortal.tsx
index b11aa632b..e6a11bd0e 100644
--- a/packages/webapp/src/containers/PaymentPortal/PaymentPortal.tsx
+++ b/packages/webapp/src/containers/PaymentPortal/PaymentPortal.tsx
@@ -62,7 +62,7 @@ export function PaymentPortal() {
   };
 
   return (
-    <Box className={styles.root}>
+    <Box className={styles.root} my={'40px'} mx={'auto'}>
       <Stack spacing={0} className={styles.body}>
         <Stack>
           <Group spacing={10}>
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailFields.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailFields.tsx
index 226b9c335..17956ff24 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailFields.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceSendMailDrawer/InvoiceSendMailFields.tsx
@@ -145,6 +145,7 @@ export function InvoiceSendMailFields() {
     <Stack
       bg="white"
       flex={'1'}
+      maxWidth="720px"
       maxHeight="100%"
       spacing={0}
       borderRight="1px solid #dcdcdd"