From 886b2e035715af680e768329b51c69732f7d8e1e Mon Sep 17 00:00:00 2001
From: nathangray <nathangray.bsc+github@gmail.com>
Date: Tue, 22 Jan 2019 14:16:39 -0700
Subject: [PATCH] Mail - fix long subjects are not shown in preview (FF only)

---
 mail/templates/default/app.css  |  5 +++--
 mail/templates/pixelegg/app.css | 10 ++++++----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index 2ea4bbeb0c..3439a89ae0 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -645,13 +645,14 @@ div.mailPreviewHeaders div.mail_extraEmails {
 	vertical-align: top;
 }
 #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
-  width: 58%;
+  width: 90%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span:not(:first-child) {
   white-space: nowrap;
+  display: inline;
 }
 #mail-index_mail-index-header_right {
   display: inline-flex;
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index da53034529..9f887135be 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -644,13 +644,14 @@ div.mailPreviewHeaders div.mail_extraEmails {
   vertical-align: top;
 }
 #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
-  width: 58%;
+  width: 90%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span:not(:first-child) {
   white-space: nowrap;
+  display: inline;
 }
 #mail-index_mail-index-header_right {
   display: inline-flex;
@@ -1017,13 +1018,14 @@ body {
   margin: 3px 5px 0 0;
 }
 #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
-  width: 58%;
+  width: 90%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span:not(:first-child) {
   white-space: nowrap;
+  display: inline;
 }
 /*##############################################
 #            #                               #