From 3e41eb00c62696cdff0b073e29a46e571d0e46d4 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Fri, 25 Feb 2022 12:02:41 +0100
Subject: [PATCH] Fix styling of expander actions in compose (Cc,Bcc, ...)

---
 mail/templates/pixelegg/app.css  | 29 ++++++++++-------------------
 mail/templates/pixelegg/app.less | 10 +++++-----
 2 files changed, 15 insertions(+), 24 deletions(-)

diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 58666fe276..90827a5b44 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -636,7 +636,7 @@ div.mailDisplayHeaders div.mail_extraEmails.visible {
   box-shadow: 5px 5px 5px #aaa;
   border: 1px solid gray;
 }
-div.mailComposeBody {
+.mailComposeBody {
   white-space: normal !important;
 }
 #mail-compose_mail_plaintext {
@@ -1189,24 +1189,14 @@ body {
 #mail-compose .mailComposeHeadersSection #mail-compose_to input {
   width: auto;
 }
-#mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_bcc_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_bcc_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_folder_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_folder_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander,
-#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander,
-#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander {
+#mail-compose .mailComposeHeaders #mail-compose_cc_expander,
+#mail-compose .mailComposeHeadersSection #mail-compose_cc_expander,
+#mail-compose .mailComposeHeaders #mail-compose_bcc_expander,
+#mail-compose .mailComposeHeadersSection #mail-compose_bcc_expander,
+#mail-compose .mailComposeHeaders #mail-compose_folder_expander,
+#mail-compose .mailComposeHeadersSection #mail-compose_folder_expander,
+#mail-compose .mailComposeHeaders #mail-compose_replyto_expander,
+#mail-compose .mailComposeHeadersSection #mail-compose_replyto_expander {
   background: transparent;
   border: none;
   color: #26537c;
@@ -1215,6 +1205,7 @@ body {
   width: auto;
   white-space: nowrap;
   text-align: left;
+  cursor: pointer;
 }
 #mail-compose .mailComposeHeaders input#mail-compose_subject,
 #mail-compose .mailComposeHeadersSection input#mail-compose_subject {
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index 85b63eaf29..033b6dc46b 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -265,12 +265,11 @@ body {
 		/*An*/
 		#mail-compose_to input {width:auto;}
 		/*Kopie*/
-		span#mail-compose_cc_expander,
+		#mail-compose_cc_expander,
 		/*Blindkopie*/
-		span#mail-compose_cc_expander, span#mail-compose_cc_expander,
-		span#mail-compose_bcc_expander, span#mail-compose_bcc_expander,
-		span#mail-compose_folder_expander, span#mail-compose_folder_expander,
-		span#mail-compose_replyto_expander, span#mail-compose_replyto_expander
+		#mail-compose_bcc_expander,
+		#mail-compose_folder_expander,
+		#mail-compose_replyto_expander
 		{
 			background: transparent;
 			border: none;
@@ -280,6 +279,7 @@ body {
 			width: auto;
 			white-space: nowrap;
 			text-align: left;
+			cursor: pointer;
 		}
 		/*Betreff*/
 		input#mail-compose_subject {