From 719917d4454629f0a596aad336aa1358ce94f8c2 Mon Sep 17 00:00:00 2001
From: Qi <474021214@qq.com>
Date: Fri, 8 Sep 2023 01:17:22 +0800
Subject: [PATCH] fix: incorrect invitation email style (#4269)

---
 apps/server/src/modules/auth/mailer/mail.service.ts | 10 +++++-----
 apps/server/src/modules/auth/mailer/template.ts     |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/server/src/modules/auth/mailer/mail.service.ts b/apps/server/src/modules/auth/mailer/mail.service.ts
index c1b4acd37c..a2b84a5990 100644
--- a/apps/server/src/modules/auth/mailer/mail.service.ts
+++ b/apps/server/src/modules/auth/mailer/mail.service.ts
@@ -46,7 +46,7 @@ export class MailService {
     const buttonUrl = `${this.config.origin}/invite/${inviteId}`;
     const workspaceAvatar = invitationInfo.workspace.avatar;
 
-    const content = `${
+    const content = `<p style="margin:0">${
       invitationInfo.user.avatar
         ? `<img
     src="${invitationInfo.user.avatar}"
@@ -57,7 +57,7 @@ export class MailService {
   />`
         : ''
     }
-  <span style="font-weight:500;margin-left:4px;margin-right: 10px;">${
+  <span style="font-weight:500;margin-right: 4px;">${
     invitationInfo.user.name
   }</span>
   <span>invited you to join</span>
@@ -66,11 +66,11 @@ export class MailService {
     alt=""
     width="24px"
     height="24px"
-    style="width:24px; height:24px; margin-left:10px;border-radius: 12px;object-fit: cover;vertical-align: middle"
+    style="width:24px; height:24px; margin-left:4px;border-radius: 12px;object-fit: cover;vertical-align: middle"
   />
-  <span style="font-weight:500;margin-left:4px;margin-right: 10px;">${
+  <span style="font-weight:500;margin-right: 4px;">${
     invitationInfo.workspace.name
-  }</span>`;
+  }</span></p><p style="margin-top:8px;margin-bottom:0;">Click button to join this workspace</p>`;
 
     const subContent =
       'Currently, AFFiNE Cloud is in the early access stage. Only Early Access Sponsors can register and log in to AFFiNE Cloud. <a href="https://community.affine.pro/c/insider-general/" style="color: #1e67af" >Please click here for more information.</a>';
diff --git a/apps/server/src/modules/auth/mailer/template.ts b/apps/server/src/modules/auth/mailer/template.ts
index e911f88bd4..4f68364560 100644
--- a/apps/server/src/modules/auth/mailer/template.ts
+++ b/apps/server/src/modules/auth/mailer/template.ts
@@ -80,7 +80,7 @@ export const emailTemplate = ({
                       text-decoration: none;
                       border-radius: 8px;
                       padding: 8px 18px;
-                      border: 1px solid #1e96eb;
+                      border: 1px solid rgba(0,0,0,.1);
                       display: inline-block;
                       font-weight: bold;
                     "