From e0be4bad11ff17a67436478139310c6204776a79 Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Mon, 4 May 2026 09:36:10 +0300
Subject: [PATCH] lay out child nodes to right of parent

---
 public/css/app.css | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

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