diff --git a/public/css/app.css b/public/css/app.css index 767dddd..555a36e 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -444,6 +444,12 @@ form { elements added. */ +.node-tree ul { + display: flex; + flex-direction: column; + gap: var(--space-2); +} + .node-tree > ul { border-left: 2px solid var(--color-border); padding-left: var(--space-4); @@ -451,25 +457,24 @@ form { .node-tree ul ul { border-left: 1px solid var(--color-border); - margin-top: var(--space-2); - margin-left: var(--space-2); + margin-left: var(--space-3); padding-left: var(--space-4); } .node-tree li { display: flex; - flex-wrap: wrap; - align-items: center; + flex-wrap: nowrap; + align-items: flex-start; gap: var(--space-2); padding: var(--space-2) 0; } .node-tree li > ul { - flex-basis: 100%; - margin-top: var(--space-2); + flex-shrink: 0; } .node-tree li > span { + flex-shrink: 0; font-weight: 500; }