diff --git a/packages/emails/src/templates/components/email-layout.tsx b/packages/emails/src/templates/components/email-layout.tsx index 187b2cd6c..d8d4ac16d 100644 --- a/packages/emails/src/templates/components/email-layout.tsx +++ b/packages/emails/src/templates/components/email-layout.tsx @@ -20,7 +20,10 @@ interface EmailLayoutProps { const containerStyles = { maxWidth: "600px", margin: "0 auto", + background: "white", fontFamily, + padding: 16, + borderRadius: 5, }; const sectionStyles = { @@ -44,17 +47,27 @@ export const EmailLayout = ({ {preview} - + Rallly
Hi {firstName}, {children} {footNote ? ( - {footNote} + + {footNote} + ) : null}
-
+
Home diff --git a/packages/emails/src/templates/components/styled-components.tsx b/packages/emails/src/templates/components/styled-components.tsx index 29fc5a1d0..793040e68 100644 --- a/packages/emails/src/templates/components/styled-components.tsx +++ b/packages/emails/src/templates/components/styled-components.tsx @@ -81,6 +81,7 @@ export const Heading = ( style={{ marginTop: "16px", marginBottom: "8px", + letterSpacing: "-0.75px", fontFamily: "sans-serif", fontWeight: "bold", fontSize: fontSize[as], @@ -135,7 +136,7 @@ export const Card = (props: SectionProps) => { {...props} style={{ borderRadius: "4px", - backgroundColor: "#F1F5F9", + backgroundColor: "#f3f4f6", paddingRight: "16px", paddingLeft: "16px", border: "1px solid #E2E8F0", diff --git a/packages/emails/src/templates/new-participant-confirmation.tsx b/packages/emails/src/templates/new-participant-confirmation.tsx index dbf7d774c..d25aca40c 100644 --- a/packages/emails/src/templates/new-participant-confirmation.tsx +++ b/packages/emails/src/templates/new-participant-confirmation.tsx @@ -1,5 +1,11 @@ import { EmailLayout } from "./components/email-layout"; -import { Button, Domain, Section, Text } from "./components/styled-components"; +import { + Button, + Domain, + Link, + Section, + Text, +} from "./components/styled-components"; import { getDomain } from "./components/utils"; interface NewParticipantConfirmationEmailProps { @@ -24,7 +30,7 @@ export const NewParticipantConfirmationEmail = ({ preview="To edit your response use the link below" > - Thank you for responding to {title}. + Your response to {title} has been submitted. While the poll is still open you can change your response using the link