From b21c9d6ebdca0e211616aa0139355a0daf0c7398 Mon Sep 17 00:00:00 2001
From: Florian Strohmaier <florian.strohmaier@icinga.com>
Date: Mon, 8 Jul 2019 17:50:08 +0200
Subject: [PATCH] CSS: Optimize filter editor layout

---
 public/css/icinga/widgets.less | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/public/css/icinga/widgets.less b/public/css/icinga/widgets.less
index 19bcabc70..f053d9974 100644
--- a/public/css/icinga/widgets.less
+++ b/public/css/icinga/widgets.less
@@ -207,22 +207,19 @@ table.multiselect tr[href] td {
   }
 }
 
-ul.tree select { /* ?? */
+ul.tree select:first-of-type { /* ?? */
   margin-bottom: 0.3em;
-  margin-left: 1em;
+  margin-left: 2em;
 }
 
 ul.tree {
   padding: 0;
   margin: 0;
-}
-
-ul.tree, ul.tree ul {
-  padding-left: 1.5em;
+  padding-top: .5em;
 }
 
 ul.tree ul {
-  padding-left: 1.5em;
+  padding-left: 1em;
 }
 
 ul.tree li {
@@ -237,10 +234,10 @@ ul.tree li .handle {
   background-repeat: no-repeat;
   display: inline-block;
   position: absolute;
-  width: 1em;
+  width: 1.5em;
   height: 2em;
-  left: -0.6em;
-  background-position: -3px 3px;
+  left: 0em;
+  background-position: center center;
   z-index: 1;
   cursor: pointer;
 }
@@ -266,9 +263,9 @@ ul.tree li::before, ul.tree li::after {
 /* This is the left vertical line */
 ul.tree li::before {
   border-left-width: 1px;
-  top: 0;
+  top: -.5em;
   width: 1em;
-  height: 100%;
+  height: 2.5em;
   bottom: 1em;
 }
 
@@ -276,7 +273,7 @@ ul.tree li::before {
 ul.tree li::after {
   border-top-width: 1px;
   top: 1em;
-  width: 1em;
+  width: 2em;
   height: 1em;
 }