fix: send invoice drawer layout

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 (

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;
 }

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}>

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"