Email templates – Fallback to sans-serif, reduce horizontal padding (#…

…3292)

* Use sans-serif fallback for email templates

* Reduce horizontal padding, update import for test script

site/gatsby-site/server/emails/templates/shared.ts

@@ -35,7 +35,7 @@ const insertContent= (content: string, variables: any): string  => {
 						AI INCIDENT DATABASE
 					</div>
 				</div>
-				<div style="padding: 32px;">
+				<div style="padding: 32px 8px;">
           ${content}
 				</div>
 			</div>
@@ -47,7 +47,7 @@ const insertContent= (content: string, variables: any): string  => {
 // These styles will be used across multiple email templates,
 // so they get defined outside the getTemplate function.
 const bodyStyle: string = ignoreWhitespace(`
-  font-family: karla; 
+  font-family: karla, sans-serif; 
   padding: 16px;
 `);
 

site/gatsby-site/src/scripts/sendEmailTest.js

@@ -1,4 +1,4 @@
-import { sendEmail } from '../../server/fields/common.ts';
+import { sendEmail } from '../../server/emails';
 
 // from site/gatsby-site, run with
 // TEST_EMAIL_TO_ADDRESS=<address> dotenv run <path to>/npx ts-node src/scripts/sendEmailTest.js