From 495b3c5b214ffa9a62ba219859d8899bb0a3a0e1 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 25 Jan 2018 12:59:18 +0100
Subject: [PATCH] Some styling improvements for Mail compose dialog

---
 mail/templates/default/app.css   | 17 ++++++++++++++++-
 mail/templates/mobile/app.css    | 18 ++++++++++++++++++
 mail/templates/pixelegg/app.css  | 17 +++++++++++++++++
 mail/templates/pixelegg/app.less |  4 +++-
 4 files changed, 54 insertions(+), 2 deletions(-)

diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index 5c3ed6925f..ccaa26f039 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -938,4 +938,19 @@ img.smime_cert_notvalid {
 img.smime_cert_unknownemail {
 	background: #a28cff;
 }
-.smimeIcons {position: absolute;right: 10px;}
\ No newline at end of file
+.smimeIcons {position: absolute;right: 10px;}
+
+#mail-compose tr.mailComposeHeaders {
+  border-bottom: 1px solid silver;
+}
+#mail-compose tr.mailComposeHeaders .et2_selectbox,
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn,
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-sel-ctn input,
+#mail-compose tr.mailComposeHeaders input {
+  border: none;
+  outline: none;
+}
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn-focus {
+  border: none;
+  box-shadow: none;
+}
\ No newline at end of file
diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css
index 0cb6e82027..0976856372 100644
--- a/mail/templates/mobile/app.css
+++ b/mail/templates/mobile/app.css
@@ -929,6 +929,20 @@ img.smime_cert_unknownemail {
   position: absolute;
   right: 10px;
 }
+#mail-compose tr.mailComposeHeaders {
+  border-bottom: 1px solid silver;
+}
+#mail-compose tr.mailComposeHeaders .et2_selectbox,
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn,
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-sel-ctn input,
+#mail-compose tr.mailComposeHeaders input {
+  border: none;
+  outline: none;
+}
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn-focus {
+  border: none;
+  box-shadow: none;
+}
 #popupMainDiv {
   padding: 5px;
 }
@@ -1121,6 +1135,9 @@ body {
 #mail-compose table.et2_grid {
   display: inline-block;
 }
+#mail-compose tr.mailComposeHeaders {
+  border-bottom: 1px solid #c1c1c0;
+}
 #mail-compose .mailComposeHeaders,
 #mail-compose .mailComposeHeadersSection {
   margin: 2px 0;
@@ -2347,6 +2364,7 @@ div.mailPreviewHeaders div.mail_extraEmails {
   max-width: 50%;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 div.mailPreviewHeaders div.mail_extraEmails img.et2_button_icon {
   width: 24px;
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 6ac9a702eb..e786cc1b66 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -917,6 +917,20 @@ img.smime_cert_unknownemail {
   position: absolute;
   right: 10px;
 }
+#mail-compose tr.mailComposeHeaders {
+  border-bottom: 1px solid silver;
+}
+#mail-compose tr.mailComposeHeaders .et2_selectbox,
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn,
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-sel-ctn input,
+#mail-compose tr.mailComposeHeaders input {
+  border: none;
+  outline: none;
+}
+#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn-focus {
+  border: none;
+  box-shadow: none;
+}
 #popupMainDiv {
   padding: 5px;
 }
@@ -1109,6 +1123,9 @@ body {
 #mail-compose table.et2_grid {
   display: inline-block;
 }
+#mail-compose tr.mailComposeHeaders {
+  border-bottom: 1px solid #c1c1c0;
+}
 #mail-compose .mailComposeHeaders,
 #mail-compose .mailComposeHeadersSection {
   margin: 2px 0;
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index af9c5c470d..a2aea8568d 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -233,7 +233,9 @@ body {
 	table.et2_grid  {display: inline-block;}
 	/*// ###############################################################################*/
 	/*// Mail Header*/
-
+	tr.mailComposeHeaders {
+		border-bottom: 1px solid #c1c1c0;
+	}
 	.mailComposeHeaders,.mailComposeHeadersSection {
 		margin: 2px 0;
 		width: 98%;