From cceadc5e0470d7ccf99222477bb0a3f2b5139d2f Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Fri, 12 Sep 2025 03:15:17 +0200
Subject: [PATCH] Center the icons, even in gmail

---
 backend/email/emails/utils.tsx | 64 +++++++---------------------------
 1 file changed, 12 insertions(+), 52 deletions(-)

diff --git a/backend/email/emails/utils.tsx b/backend/email/emails/utils.tsx
index 24f88a82..e2af5bae 100644
--- a/backend/email/emails/utils.tsx
+++ b/backend/email/emails/utils.tsx
@@ -11,84 +11,44 @@ export const Footer = ({
                        }: Props) => {
   return <Section style={footer}>
     <hr style={{border: 'none', borderTop: '1px solid #e0e0e0', margin: '10px 0'}}/>
-    <Row style={{marginTop: "20px"}}>
-      <Column style={{ justifyContent: "center", alignItems: "center", display: "flex" }}>
-        <Link
-          href="https://github.com/CompassMeet/Compass"
-          target="_blank"
-          style={{ margin: "0 4px" }}
-        >
+    <Row>
+      <Column align="center">
+        <Link href="https://github.com/CompassMeet/Compass" target="_blank">
           <Img
             src="https://cdn-icons-png.flaticon.com/512/733/733553.png"
             width="24"
             height="24"
             alt="GitHub"
+            style={{ display: "inline-block", margin: "0 4px" }}
           />
         </Link>
-        <Link
-          href="https://discord.gg/8Vd7jzqjun"
-          target="_blank"
-          style={{margin: "0 4px"}}
-        >
+        <Link href="https://discord.gg/8Vd7jzqjun" target="_blank">
           <Img
             src="https://cdn-icons-png.flaticon.com/512/2111/2111370.png"
             width="24"
             height="24"
             alt="Discord"
+            style={{ display: "inline-block", margin: "0 4px" }}
           />
         </Link>
-        <Link
-          href="https://patreon.com/CompassMeet"
-          target="_blank"
-          style={{margin: "0 4px"}}
-        >
+        <Link href="https://patreon.com/CompassMeet" target="_blank">
           <Img
             src="https://static.vecteezy.com/system/resources/previews/027/127/454/non_2x/patreon-logo-patreon-icon-transparent-free-png.png"
-            width="48"
-            height="48"
+            width="24"
+            height="24"
             alt="Patreon"
+            style={{ display: "inline-block", margin: "0 4px" }}
           />
         </Link>
-        <Link
-          href="https://www.paypal.com/paypalme/MartinBraquet"
-          target="_blank"
-          style={{margin: "0 4px"}}
-        >
+        <Link href="https://www.paypal.com/paypalme/MartinBraquet" target="_blank">
           <Img
             src="https://cdn-icons-png.flaticon.com/512/174/174861.png"
             width="24"
             height="24"
             alt="PayPal"
+            style={{ display: "inline-block", margin: "0 4px" }}
           />
         </Link>
-        {/*<Column>*/}
-        {/*  <Link*/}
-        {/*    href="https://linkedin.com/in/yourhandle"*/}
-        {/*    target="_blank"*/}
-        {/*    style={{ margin: "0 8px" }}*/}
-        {/*  >*/}
-        {/*    <Img*/}
-        {/*      src="https://cdn-icons-png.flaticon.com/512/174/174857.png"*/}
-        {/*      width="24"*/}
-        {/*      height="24"*/}
-        {/*      alt="LinkedIn"*/}
-        {/*    />*/}
-        {/*  </Link>*/}
-        {/*</Column>*/}
-        {/*<Column>*/}
-        {/*  <Link*/}
-        {/*    href="https://twitter.com/yourhandle"*/}
-        {/*    target="_blank"*/}
-        {/*    style={{ margin: "0 8px" }}*/}
-        {/*  >*/}
-        {/*    <Img*/}
-        {/*      src="https://cdn-icons-png.flaticon.com/512/733/733579.png"*/}
-        {/*      width="24"*/}
-        {/*      height="24"*/}
-        {/*      alt="Twitter"*/}
-        {/*    />*/}
-        {/*  </Link>*/}
-        {/*</Column>*/}
       </Column>
     </Row>