From 29ba092260d6ac5218c1ccbfcf8181d86566dc3e Mon Sep 17 00:00:00 2001
From: Kilu <lu@appflowy.io>
Date: Mon, 29 Apr 2024 14:00:03 +0800
Subject: [PATCH] fix: modify css

---
 .../workspace_invitation.html                 | 20 ++++---------
 .../src/templates/workspace_invitation.html   | 30 +++++++------------
 2 files changed, 17 insertions(+), 33 deletions(-)

diff --git a/assets/mailer_templates/build_production/workspace_invitation.html b/assets/mailer_templates/build_production/workspace_invitation.html
index 58fc1578..dec0b5c0 100644
--- a/assets/mailer_templates/build_production/workspace_invitation.html
+++ b/assets/mailer_templates/build_production/workspace_invitation.html
@@ -56,22 +56,14 @@
               <span>on AppFlowy</span>
             </p>
             <div role="separator" style="background-color: #cbd5e1; height: 1px; line-height: 1px; margin: 24px 20%">&zwj;</div>
-            <table align="center" style="width: 100%;" cellpadding="0" cellspacing="0" role="none">
+            <table align="center" cellpadding="0" cellspacing="0" role="none">
               <tr>
-                <td style="width: 41.666667%">
-                  <table align="center" style="width: 100%;" cellpadding="0" cellspacing="0" role="none">
-                    <tr>
-                      <td style="width: 75%">
-                      </td>
-                      <td style="width: 25%">
-                        <div style="margin-right: 8px; height: 60px; width: 60px; overflow: hidden; border-radius: 16px; background-color: #fff; border: 2px solid black">
-                          <img src="{{ workspace_icon_url }}" width="100%" height="100%" alt="{{ workspace_name }}" style="max-width: 100%; vertical-align: middle; line-height: 1; overflow: hidden; object-fit: cover;">
-                        </div>
-                      </td>
-                    </tr>
-                  </table>
+                <td style="width: 60px">
+                  <div style="margin-right: 8px; height: 60px; width: 60px; overflow: hidden; border-radius: 16px; background-color: #fff; border: 2px solid black">
+                    <img src="{{ workspace_icon_url }}" width="100%" height="100%" alt="{{ workspace_name }}" style="max-width: 100%; vertical-align: middle; line-height: 1; overflow: hidden; object-fit: cover;">
+                  </div>
                 </td>
-                <td style="width: 58.333333%">
+                <td>
                   <div style="margin-bottom: 8px; font-weight: 700">
                     {{ workspace_name }}
                   </div>
diff --git a/email_template/src/templates/workspace_invitation.html b/email_template/src/templates/workspace_invitation.html
index 180b3c94..42ff0c19 100644
--- a/email_template/src/templates/workspace_invitation.html
+++ b/email_template/src/templates/workspace_invitation.html
@@ -20,28 +20,20 @@ bodyClass: bg-purple-50
             <span class="mx-2=1">on AppFlowy</span>
           </p>
           <x-divider space-x="20%"/>
-          <table align="center" class="w-full">
+          <table align="center">
             <tr>
-              <td class="w-5/12">
-                <table align="center" class="w-full">
-                  <tr>
-                    <td class="w-9/12">
-                    </td>
-                    <td class="w-3/12">
-                      <div
-                        style="border: 2px solid black;"
-                        class="rounded-2xl mr-2 w-[60px] h-[60px] bg-white overflow-hidden">
-                        <img src="{{ workspaceIconURL }}"
-                             class="overflow-hidden object-cover"
-                             width="100%" height="100%"
-                             alt="{{ workspaceName }}">
-                      </div>
-                    </td>
-                  </tr>
-                </table>
+              <td class="w-[60px]">
+                <div
+                  style="border: 2px solid black;"
+                  class="rounded-2xl mr-2 w-[60px] h-[60px] bg-white overflow-hidden">
+                  <img src="{{ workspaceIconURL }}"
+                       class="overflow-hidden object-cover"
+                       width="100%" height="100%"
+                       alt="{{ workspaceName }}">
+                </div>
 
               </td>
-              <td class="w-7/12">
+              <td>
                 <div class="font-bold mb-2">
                   {{ workspaceName }}
                 </div>