From 675bb64ce83542bf5eec69b0bd408285fdb14267 Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Mon, 4 Nov 2024 14:03:16 +0100
Subject: [PATCH] fix(productivity-report): email table alignment on mobile

---
 .../productivity-report/productivity-report.html.mustache | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/mailtemplates/productivity-report/productivity-report.html.mustache b/src/mailtemplates/productivity-report/productivity-report.html.mustache
index 8bfaece45857..8eccc02506bc 100644
--- a/src/mailtemplates/productivity-report/productivity-report.html.mustache
+++ b/src/mailtemplates/productivity-report/productivity-report.html.mustache
@@ -38,18 +38,18 @@
                 <tr>
                     <td style="text-align: center;">
                         <div class="shaded"
-                            style="margin: 0;padding: 36px 8px;background: #f0f0f5;border-width: 3px;border-color: #ffffff;border-style: solid;">
+                            style="margin: 0;padding: 42px 8px;background: #f0f0f5;border-width: 3px;border-color: #ffffff;border-style: solid;">
                             <span
                                 style="font-size: 24px; font-weight: bold; color: #1a4049;">{{flagsCreated}}</span><br>
-                            <span style="color: #888;">flags created last month</span>
+                            <span style="color: #888;display: block;height: 20px;">flags created last month</span>
                         </div>
                     </td>
                     <td style="text-align: center;">
                         <div class="shaded"
-                            style="margin: 0;padding: 36px 8px;background: #f0f0f5;border-width: 3px;border-color: #ffffff;border-style: solid;">
+                            style="margin: 0;padding: 42px 8px;background: #f0f0f5;border-width: 3px;border-color: #ffffff;border-style: solid;">
                             <span
                                 style="font-size: 24px; font-weight: bold; color: #1a4049;">{{productionUpdates}}</span><br>
-                            <span style="color: #888;">production updates last month</span>
+                            <span style="color: #888;display: block;height: 20px;">production updates last month</span>
                         </div>
                     </td>
                 </tr>