fix: branding customize content

packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCustomizeGeneralFields.tsx

@@ -18,10 +18,12 @@ export function CreditNoteCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Set your company logo and branding colors to be automatically applied
-          create a new invoice.
+          to your credit notes.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/CreditNotes/CreditNoteCustomize/CreditNoteCutomizeContentFields.tsx

@@ -14,10 +14,10 @@ export function CreditNoteCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>General Branding</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Customize your credit note by editing the items label or hiding some
-          create a new invoice.
+          items to match your needs.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsContent.tsx

@@ -11,10 +11,10 @@ export function EstimateCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>Estimate Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every time
you
+          Customize your estimate by editing the items label or hiding some
-          create a new invoice.
+          items to match your needs.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/Estimates/EstimateCustomize/EstimateCustomizeFieldsGeneral.tsx

@@ -18,10 +18,12 @@ export function EstimateCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Set your company logo and branding colors to be automatically applied
-          create a new invoice.
+          to your estimates.
         </p>
       </Stack>
 
@@ -38,7 +40,7 @@ export function EstimateCustomizeGeneralField() {
       <Overlay visible={!isTemplateNameFilled}>
         <Stack spacing={0}>
           <FFormGroup
-            name={'primaryColor'}
+            name={'primaryColor'} 
             label={'Primary Color'}
             style={{ justifyContent: 'space-between' }}
             inline

packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCustomizeGeneralFields.tsx

@@ -24,10 +24,11 @@ export function InvoiceCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Set your company logo and branding colors to be automatically applied to your invoices.
-          create a new invoice.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/Invoices/InvoiceCustomize/InvoiceCutomizeContentFields.tsx

@@ -14,10 +14,10 @@ export function InvoiceCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>Invoice Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Customize your invoice by editing the items label or hiding some items
-          create a new invoice.
+          to match your needs.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsContent.tsx

@@ -14,10 +14,10 @@ export function PaymentReceivedCustomizeContentFields() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 500 }}>Payment Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Customize your payment receipt by editing the items label or hiding
-          create a new invoice.
+          some items to match your needs.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/PaymentsReceived/PaymentReceivedCustomize/PaymentReceivedCustomizeFieldsGeneral.tsx

@@ -18,10 +18,13 @@ export function PaymentReceivedCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
+
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Set your company logo and branding colors to be automatically applied
-          create a new invoice.
+          to your payment receipts.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsContent.tsx

@@ -14,10 +14,10 @@ export function ReceiptCustomizeFieldsContent() {
       style={{ padding: 20, paddingBottom: 40, flex: '1 1 auto' }}
     >
       <Stack spacing={10}>
-        <h3>General Branding</h3>
+        <h3 style={{ fontWeight: 600 }}>Receipt Content</h3>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Customize your receipt by editing the items label or hiding some items
-          create a new invoice.
+          to match your needs.
         </p>
       </Stack>
 

packages/webapp/src/containers/Sales/Receipts/ReceiptCustomize/ReceiptCustomizeFieldsGeneral.tsx

@@ -18,10 +18,12 @@ export function ReceiptCustomizeGeneralField() {
   return (
     <Stack style={{ padding: 20, flex: '1 1 auto' }}>
       <Stack spacing={0}>
-        <h2 style={{ fontSize: 16, marginBottom: 10 }}>General Branding</h2>
+        <h2 style={{ fontSize: 16, marginBottom: 10, fontWeight: 600 }}>
+          General Branding
+        </h2>
         <p className={Classes.TEXT_MUTED}>
-          Set your invoice details to be automatically applied every timeyou
+          Set your company logo and branding colors to be automatically applied
-          create a new invoice.
+          to your receipts.
         </p>
       </Stack>