From 55024e667f9f7348df37e17c56fd5f77aec816eb Mon Sep 17 00:00:00 2001
From: Satche <info@satche.ch>
Date: Mon, 13 Jun 2022 11:32:44 +0200
Subject: [PATCH] style(hierarchy tree): improve responsivness

Fix details on the bottom of the dialog
Make the tree view take the rest of the available space of the dialog
---
 modules/dynamic/hierarchy-tree.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/modules/dynamic/hierarchy-tree.js b/modules/dynamic/hierarchy-tree.js
index 73b9f173..ac558300 100644
--- a/modules/dynamic/hierarchy-tree.js
+++ b/modules/dynamic/hierarchy-tree.js
@@ -64,6 +64,17 @@ export function open(props) {
 
 function appendStyleSheet() {
   const styles = /* css */ `
+
+    #hierarchyTree {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+    }
+
+    #hierarchyTree > svg {
+      height: 100%;
+    }
+
     #hierarchyTree_selectedOrigins > button {
       margin: 0 2px;
     }
@@ -88,6 +99,10 @@ function appendStyleSheet() {
       color: #333;
     }
 
+    #hierarchyTree_originSelector {
+      display: none;
+    }
+
     #hierarchyTree_originSelector > form > div {
       padding: 0.3em;
       margin: 1px 0;