DBC22-3300: Added footer social images

bcgov · Jan 30, 2025 · fcb2672 · fcb2672
1 parent e2d6dc1
commit fcb2672
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 12 deletions.
diff --git a/src/backend/apps/authentication/templates/email/email_verification.html b/src/backend/apps/authentication/templates/email/email_verification.html
@@ -87,14 +87,14 @@
                           <td style="width: 100%">
                           </td>
                           <td style="display: flex; text-align:right">
-                            <a href="https://twitter.com/DriveBC" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #2D2D2D; margin-right: 16px;">
-                              <img src="cid:twitter" style="width: 24px; height: 24px; vertical-align: middle" alt="DriveBC Twitter" />
+                            <a href="https://twitter.com/DriveBC" target="_blank" rel="noopener noreferrer" style="margin-right: 16px;">
+                              <img src="cid:twitter" style="width: 48px; height: 48px; vertical-align: middle" alt="DriveBC Twitter" />
                             </a>
-                            <a href="https://www.instagram.com/ministryoftranbc/" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #2D2D2D; margin-right: 16px;">
-                              <img src="cid:instagram" style="width: 24px; height: 24px; vertical-align: middle" alt="DriveBC Instagram" />
+                            <a href="https://www.instagram.com/ministryoftranbc/" target="_blank" rel="noopener noreferrer" style="margin-right: 16px;">
+                              <img src="cid:instagram" style="width: 48px; height: 48px; vertical-align: middle" alt="DriveBC Instagram" />
                             </a>
-                            <a href="https://www.linkedin.com/company/british-columbia-ministry-of-transportation-and-infrastructure/" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #2D2D2D; ">
-                              <img src="cid:linkedin" style="width: 24px; height: 24px; vertical-align: middle" alt="DriveBC LinkedIn" />
+                            <a href="https://www.linkedin.com/company/british-columbia-ministry-of-transportation-and-infrastructure/" target="_blank" rel="noopener noreferrer">
+                              <img src="cid:linkedin" style="width: 48px; height: 48px; vertical-align: middle" alt="DriveBC LinkedIn" />
                             </a>
                           </td>
                         </tr>

diff --git a/src/backend/apps/event/templates/email/event_updated.html b/src/backend/apps/event/templates/email/event_updated.html
@@ -194,14 +194,14 @@
                           <td style="width: 100%">
                           </td>
                           <td style="display: flex; text-align:right">
-                            <a href="https://twitter.com/DriveBC" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #2D2D2D; margin-right: 16px;">
-                              <img src="cid:twitter" style="width: 24px; height: 24px; vertical-align: middle" alt="DriveBC Twitter" />
+                            <a href="https://twitter.com/DriveBC" target="_blank" rel="noopener noreferrer" style="margin-right: 16px;">
+                              <img src="cid:twitter" style="width: 48px; height: 48px; vertical-align: middle" alt="DriveBC Twitter" />
                             </a>
-                            <a href="https://www.instagram.com/ministryoftranbc/" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #2D2D2D; margin-right: 16px;">
-                              <img src="cid:instagram" style="width: 24px; height: 24px; vertical-align: middle" alt="DriveBC Instagram" />
+                            <a href="https://www.instagram.com/ministryoftranbc/" target="_blank" rel="noopener noreferrer" style="margin-right: 16px;">
+                              <img src="cid:instagram" style="width: 48px; height: 48px; vertical-align: middle" alt="DriveBC Instagram" />
                             </a>
-                            <a href="https://www.linkedin.com/company/british-columbia-ministry-of-transportation-and-infrastructure/" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #2D2D2D; ">
-                              <img src="cid:linkedin" style="width: 24px; height: 24px; vertical-align: middle" alt="DriveBC LinkedIn" />
+                            <a href="https://www.linkedin.com/company/british-columbia-ministry-of-transportation-and-infrastructure/" target="_blank" rel="noopener noreferrer">
+                              <img src="cid:linkedin" style="width: 48px; height: 48px; vertical-align: middle" alt="DriveBC LinkedIn" />
                             </a>
                           </td>
                         </tr>

diff --git a/src/backend/static/images/instagram.png b/src/backend/static/images/instagram.png
diff --git a/src/backend/static/images/linkedin.png b/src/backend/static/images/linkedin.png
diff --git a/src/backend/static/images/twitter.png b/src/backend/static/images/twitter.png