From 62cf66b8ec94cab6cc0792c0ac5ccb369deecd1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rene=20Hamp=C3=B6lz?= <rene_git@hampoelz.net>
Date: Sat, 27 May 2023 15:08:50 +0000
Subject: [PATCH] chore: Improve nextcloud file picker

---
 .../app/themes/Nextcloud25/styles.css         | 40 +++++++++++++++----
 1 file changed, 33 insertions(+), 7 deletions(-)

diff --git a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
index 526c8e282..66efb018d 100644
--- a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
+++ b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
@@ -846,8 +846,10 @@ input[type="checkbox"] {
 input[type="checkbox"],
 #rl-app .e-checkbox.material-design>div {
     position: unset;
-    width: 18px !important;
     height: 18px !important;
+    width: 18px !important;
+    min-width: 18px !important;
+    flex-shrink: 0 !important;
     border: 2px solid var(--color-primary-element);
     border-radius: 2px;
     animation: none;
@@ -1707,16 +1709,35 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
 }
 
 #rl-app #V-PopupsNextcloudFiles li {
-    line-height: 33px;
-}
-
-#rl-app #V-PopupsNextcloudFiles li input {
-    margin: 7px;
+    line-height: unset;
 }
 
 #rl-app #V-PopupsNextcloudFiles li[data-icon],
+#rl-app #V-PopupsNextcloudFiles li:has(>button[name="create"]),
 #rl-app #V-PopupsNextcloudFiles li details summary {
-    padding: 3px 10px;
+    padding: 5px 10px;
+    display: flex;
+    align-items: center !important;
+    overflow-wrap: anywhere;
+}
+
+#rl-app #V-PopupsNextcloudFiles li button,
+#rl-app #V-PopupsNextcloudFiles li input {
+    margin-left: auto !important;
+    align-self: center;
+}
+
+#rl-app #V-PopupsNextcloudFiles li input {
+    min-width: 100px;
+    flex-shrink: 1;
+}
+
+#rl-app #V-PopupsNextcloudFiles li button {
+    flex-shrink: 0;
+}
+
+#rl-app #V-PopupsNextcloudFiles li button[name="create"] {
+    margin-left: 10px !important;
 }
 
 #rl-app #V-PopupsNextcloudFiles li:not(:last-child),
@@ -1748,6 +1769,11 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
     font-size: 20px;
 }
 
+#rl-app #V-PopupsNextcloudFiles li[data-icon]::before,
+#rl-app #V-PopupsNextcloudFiles li details summary[data-icon]::before {
+    margin: 5px 10px 5px 0;
+}
+
 /*
  * nextcloud calendar select
  */