fix(notifications): shrink the email footer notice and postal address (#4550)

The footer notice drops to 12px and the postal address to 11px, so the address
reads as the least important line. A non-breaking space keeps the Unsubscribe
link on the same line as the end of its sentence.

Author: baktun14

apps/notifications/src/modules/notifications/services/email-sender/email-layout.spec.ts

@@ -107,7 +107,7 @@ describe(renderEmailLayout.name, () => {
   it("renders the footer", () => {
     const { html } = setup({});
     expect(html).toContain(
-      `<p class="footer-text" style="margin:0;font-size:13px;line-height:1.6;color:#71717a;">Sent by Akash Console. You're receiving this because you have an Akash Console account.</p>`
+      `<p class="footer-text" style="margin:0;font-size:12px;line-height:1.6;color:#71717a;">Sent by Akash Console. You're receiving this because you have an Akash Console account.</p>`
     );
   });
 
@@ -125,7 +125,7 @@ describe(renderEmailLayout.name, () => {
       const { html } = setup({ unsubscribe: { url: "https://console.akash.network/unsubscribe?token=abc" } });
 
       expect(html).toContain(
-        `<p class="footer-text" style="margin:0;font-size:13px;line-height:1.6;color:#71717a;">You're receiving this because you're subscribed to product updates from Akash Console. <a href="https://console.akash.network/unsubscribe?token=abc" style="color:inherit;text-decoration:underline;">Unsubscribe</a></p>`
+        `<p class="footer-text" style="margin:0;font-size:12px;line-height:1.6;color:#71717a;">You're receiving this because you're subscribed to product updates from Akash Console.&nbsp;<a href="https://console.akash.network/unsubscribe?token=abc" style="color:inherit;text-decoration:underline;">Unsubscribe</a></p>`
       );
       expect(html).not.toContain("because you have an Akash Console account");
     });
@@ -137,7 +137,7 @@ describe(renderEmailLayout.name, () => {
       });
 
       expect(html).toContain(
-        `<p class="footer-text" style="margin:8px 0 0 0;font-size:13px;line-height:1.6;color:#71717a;">1 Market St, San Francisco, CA 94105</p>`
+        `<p class="footer-text" style="margin:8px 0 0 0;font-size:11px;line-height:1.5;color:#71717a;">1 Market St, San Francisco, CA 94105</p>`
       );
     });
 

apps/notifications/src/modules/notifications/services/email-sender/email-layout.ts

@@ -65,7 +65,8 @@ function renderCode(code?: string): string {
           </div>`;
 }
 
-const FOOTER_TEXT_STYLE = "font-size:13px;line-height:1.6;color:#71717a;";
+const FOOTER_TEXT_STYLE = "font-size:12px;line-height:1.6;color:#71717a;";
+const POSTAL_ADDRESS_STYLE = "font-size:11px;line-height:1.5;color:#71717a;";
 
 /** CAN-SPAM requires a promotional email to say how to opt out and to carry the sender's postal address. */
 function renderFooterNotice({ unsubscribe, postalAddress }: { unsubscribe?: { url: string }; postalAddress?: string }): string {
@@ -74,7 +75,7 @@ function renderFooterNotice({ unsubscribe, postalAddress }: { unsubscribe?: { ur
   }
 
   const unsubscribeLink = `<a href="${escape(unsubscribe.url)}" style="color:inherit;text-decoration:underline;">Unsubscribe</a>`;
-  const notice = `<p class="footer-text" style="margin:0;${FOOTER_TEXT_STYLE}">You're receiving this because you're subscribed to product updates from Akash Console. ${unsubscribeLink}</p>`;
+  const notice = `<p class="footer-text" style="margin:0;${FOOTER_TEXT_STYLE}">You're receiving this because you're subscribed to product updates from Akash Console.&nbsp;${unsubscribeLink}</p>`;
 
   if (!postalAddress) {
     return notice;
@@ -83,7 +84,7 @@ function renderFooterNotice({ unsubscribe, postalAddress }: { unsubscribe?: { ur
   const postalAddressLines = postalAddress.split(/\r?\n/).map(line => escape(line));
 
   return `${notice}
-          <p class="footer-text" style="margin:8px 0 0 0;${FOOTER_TEXT_STYLE}">${postalAddressLines.join("<br>")}</p>`;
+          <p class="footer-text" style="margin:8px 0 0 0;${POSTAL_ADDRESS_STYLE}">${postalAddressLines.join("<br>")}</p>`;
 }
 
 /** The subject is user-controlled for alert emails, so it is escaped; content must already be sanitized by the caller. */