From 830a357b9af18da1964c4d5750eb6efe2a185131 Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Wed, 21 Jul 2021 21:12:21 +0200
Subject: [PATCH] better styling for drop marker #2073

---
 src/public/stylesheets/tree.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/public/stylesheets/tree.css b/src/public/stylesheets/tree.css
index 06514ad59..8f1103e32 100644
--- a/src/public/stylesheets/tree.css
+++ b/src/public/stylesheets/tree.css
@@ -212,12 +212,18 @@ span.fancytree-node:hover .add-note-button {
     border: 1px solid var(--main-border-color);
 }
 
+#fancytree-drop-marker.fancytree-drop-after, #fancytree-drop-marker.fancytree-drop-before {
+    width: 100px;
+    /* marker is by default position: relative which doesn't make sense */
+    position: absolute !important;
+    /* heaving a height helps with positioning since the algorithm calculating "top" takes it into account */
+    height: 19px;
+}
+
 #fancytree-drop-marker.fancytree-drop-after {
-    width: 60px;
-    border-bottom: 1px solid var(--main-border-color);
+    border-bottom: 1px solid var(--muted-text-color);
 }
 
 #fancytree-drop-marker.fancytree-drop-before {
-    width: 60px;
-    border-top: 1px solid var(--main-border-color);
+    border-top: 1px solid var(--muted-text-color);
 }