diff --git a/src/app/views/templates/MrfWorkflowCompletionEmail.tsx b/src/app/views/templates/MrfWorkflowCompletionEmail.tsx
index 4488ab32fc..086b66cb89 100644
--- a/src/app/views/templates/MrfWorkflowCompletionEmail.tsx
+++ b/src/app/views/templates/MrfWorkflowCompletionEmail.tsx
@@ -6,6 +6,7 @@ import {
Hr,
Html,
Img,
+ Preview,
Section,
Text,
} from '@react-email/components'
@@ -45,9 +46,14 @@ export const MrfWorkflowCompletionEmail = ({
formQuestionAnswers = [],
outcome
}: WorkflowEmailData): JSX.Element => {
+ const previewText = outcome
+ ? `The outcome for ${formTitle}.`
+ : `${formTitle} has been completed by all respondents.`
+
return (
@@ -62,7 +68,7 @@ export const MrfWorkflowCompletionEmail = ({
{
outcome ? <>
Outcome
- {outcome}
+ {outcome}
> : null
}
diff --git a/src/app/views/templates/styles.ts b/src/app/views/templates/styles.ts
index 38b571af88..875a31db62 100644
--- a/src/app/views/templates/styles.ts
+++ b/src/app/views/templates/styles.ts
@@ -83,13 +83,13 @@ const textStyles = {
}
export const mainStyle = {
- fontFamily:
- "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
+ fontFamily: 'sans-serif',
backgroundColor: '#f8f9fd',
}
export const containerStyle = {
- maxWidth: '988px',
+ maxWidth: '100%',
+ width: '720px',
margin: 'auto',
padding: '20px',
}
@@ -101,7 +101,7 @@ export const sectionStyle = {
export const headingTextStyle: NonNullable = {
...textStyles['h4'],
- color: '#1B1F2C',
+ color: '#2C2E34',
fontWeight: 600,
lineHeight: '2rem',
fontSize: '1.5rem',
@@ -109,12 +109,12 @@ export const headingTextStyle: NonNullable = {
export const outcomeTextStyle: NonNullable = {
...textStyles['h5'],
- color: '#000000',
+ color: '#2C2E34',
}
export const titleTextStyle: NonNullable = {
...textStyles['body-1'],
- color: '#000000',
+ color: '#2C2E34',
fontWeight: 700,
}