From bbd100c544e0f5a0f26b4f3cefba42e76fc8ec48 Mon Sep 17 00:00:00 2001
From: hampoelz <rene_git@hampoelz.net>
Date: Fri, 4 Aug 2023 11:40:42 +0000
Subject: [PATCH] chore: Add slight contrast to message list toolbar

---
 .../v/0.0.0/themes/NextcloudV25+/styles.css   | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
index 2023386aa..d4471ab98 100644
--- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
+++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
@@ -954,6 +954,10 @@ input[type="checkbox"] {
 
 /* #region dropdown account */
 
+#rl-app #V-SystemDropDown {
+    margin: 2px 5px 0 5px;
+}
+
 #rl-app #V-SystemDropDown .btn-toolbar {
     border: solid 1px var(--nc-color-border-dark);
     border-radius: var(--nc-border-radius-large);
@@ -1502,7 +1506,7 @@ html.rl-left-panel-disabled[dir="rtl"] #rl-app #V-MailFolderList .b-footer.btn-t
 
 #rl-app .messageList,
 #rl-app .messageView {
-    height: calc(100% - 60px);
+    height: calc(100% - 65px);
     margin: 0 5px;
     border: none;
     box-shadow: none !important;
@@ -1512,6 +1516,7 @@ html.rl-left-panel-disabled[dir="rtl"] #rl-app #V-MailFolderList .b-footer.btn-t
 #rl-app #V-MailMessageList .btn-toolbar,
 #rl-app #V-MailMessageView .btn-toolbar {
     padding: 10px;
+    margin-top: 5px;
 }
 
 /* fallback */
@@ -1529,15 +1534,22 @@ html.rl-left-panel-disabled[dir="rtl"] #rl-app #V-MailFolderList .b-footer.btn-t
 }
 
 #rl-app #V-MailMessageList .btn-toolbar {
+    background: var(--nc-color-primary-light);
+    border-radius: var(--nc-border-radius-large);
+    margin: 5px 5px 0 5px;
     text-align: center;
 }
 
+#rl-app #V-MailMessageList .btn-toolbar .btn:not(.btn-success) {
+    background: var(--nc-color-main-background);
+}
+
 html.rl-mobile #rl-app #V-MailMessageList .btn-toolbar {
     text-align: start;
 }
 
 #rl-app #V-MailMessageList .messageList {
-    min-width: 360px;
+    min-width: 370px;
 }
 
 html.sm-msgView-bottom #rl-app .messageList {
@@ -2498,12 +2510,6 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar {
     }
 }
 
-@media screen and (min-width: 1024px) {
-    html.sm-msgView-side #rl-app #V-MailMessageList .messageList {
-        height: calc(100% - 60px) !important;
-    }
-}
-
 /* #endregion */
 
 /*