From 00aaf77e04ce3aeadd976b4e1726c49794b3ea89 Mon Sep 17 00:00:00 2001
From: Christian Schmidt <github@chsc.dk>
Date: Thu, 26 Sep 2024 13:48:01 +0200
Subject: [PATCH] Use same styling for statuses in email as on web (#32073)

---
 app/javascript/styles/mailer.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/app/javascript/styles/mailer.scss b/app/javascript/styles/mailer.scss
index e5d0c05f8..2c1b443cb 100644
--- a/app/javascript/styles/mailer.scss
+++ b/app/javascript/styles/mailer.scss
@@ -168,6 +168,7 @@ table + p {
 
 // Utility classes
 .email-w-full {
+  table-layout: fixed;
   width: 100%;
 }
 
@@ -587,7 +588,10 @@ table + p {
   p {
     font-size: 14px;
     line-height: 20px;
+    margin-bottom: 20px;
     color: #17063b;
+    white-space: pre-wrap;
+    unicode-bidi: plaintext;
   }
 
   a {
@@ -598,6 +602,21 @@ table + p {
       color: #563acc !important;
     }
   }
+
+  .invisible {
+    font-size: 0;
+    line-height: 0;
+    display: inline-block;
+    width: 0;
+    height: 0;
+    position: absolute;
+  }
+
+  .ellipsis {
+    &::after {
+      content: '…';
+    }
+  }
 }
 
 .email-status-media {