#549 Restyle invitation email

Liemine · Liemine · commit cf9a608eda1b · 2026-01-08T22:57:05.000+01:00
diff --git a/server/src/main/resources/templates/invitation_en.html b/server/src/main/resources/templates/invitation_en.html
@@ -4,13 +4,14 @@
     <title>{{title}}</title>
 </head>
 <body>
-<div class="main" style="display:flex;flex-direction:column; padding:24px 32px;font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 18px;color: #000;">
+<div class="main" style="width:617px;margin: 0 auto;display:flex;flex-direction:column; padding:24px 32px;font-family:
+Source Sans Pro, Helvetica, Arial, sans-serif;line-height: 150%;font-size: 18px;color: #000;">
     <div class="header">
         {{> logo-surf.svg}}
     </div>
     <div class="head">
         {{#environment}}
-        <p style="font-weight: bold;margin: 0; padding: 20px 5px; background-color: #f1f19b;">
+        <p style="font-weight: bold;padding: 10px;margin:5px 0 15px 0;background-color: #f1f19b;">
             This mail is from the {{environment}} environment
         </p>
         {{/environment}}
@@ -61,7 +62,7 @@
         {{/useEduID}}
     </div>
     <div class="footer"
-         style="display:flex;align-items:center;justify-content:space-between;padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;">
+         style="display:flex;align-items:center;justify-content:space-between;padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;font-size: 14px;">
         <div class="links" style="text-align: left">
             <span>This invitation is sent via</span>
             <a class="external" href="https://support.surfconext.nl/invite"
diff --git a/server/src/main/resources/templates/invitation_nl.html b/server/src/main/resources/templates/invitation_nl.html
@@ -4,13 +4,14 @@
     <title>{{title}}</title>
 </head>
 <body>
-<div class="main" style="display:flex;flex-direction:column; padding:24px 32px;font-family: Helvetica, Arial, sans-serif;line-height: 18px;font-size: 18px;color: #000;">
+<div class="main" style="width:617px;margin: 0 auto;display:flex;flex-direction:column; padding:24px 32px;font-family:
+Source Sans Pro, Helvetica, Arial, sans-serif;line-height: 150%;font-size: 18px;color: #000;">
     <div class="header">
         {{> logo-surf.svg}}
     </div>
     <div class="head">
         {{#environment}}
-        <p style="font-weight: bold;margin: 0; padding: 20px 5px; background-color: #f1f19b;">
+        <p style="font-weight: bold;padding: 10px;margin:5px 0 15px 0;background-color: #f1f19b;">
             Deze mail is van de {{environment}}-omgeving
         </p>
         {{/environment}}
@@ -61,7 +62,7 @@
         {{/useEduID}}
     </div>
     <div class="footer"
-         style="display:flex;align-items:center;justify-content:space-between;padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;">
+         style="display:flex;align-items:center;justify-content:space-between;padding: 12px 0;line-height: 24px; color: #5E6873; border-top: 1px solid #888F99;font-size: 14px;">
         <div class="links" style="text-align: left">
             <span>Deze uitnoding verloopt via</span>
             <a class="external" href="https://support.surfconext.nl/invite"
