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
This commit is contained in:
Satche 2022-06-13 11:32:44 +02:00
parent a7cb464b55
commit 55024e667f

View file

@ -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;