Horizontal-align "children" to "parents" about nulis HOT 2 OPEN

I think I understand what you mean. You could align all children to their parents, but that would create an interface full of gaps. Imagine you have parent 1 with 10 children, and parent 2 with 5 children. In order to align each children to their parents, the distance between parent 1 and 2 would have to be equal to the height of 10 children, spreading the parents too far apart and making the whole UI almost unusable. You want to keep things reasonably compact.

So, instead, all elements flow vertically and children align only when the parent is selected. Both parents and children are shown in white, while the rest remains in grey, which is already a clear hint to tell which elements are related or not to each other.

from nulis.

Sorry, meant to reply to this ages ago!

My interpretation is that the gaps are semantically meaningful: Those gaps in the UI are indicators of information flow.

Perhaps a way around this is is to collapse the height of non-selected children so they don't take up that much vertical space?

Another way around this is to just keep doing what you're doing, since it rocks :)

from nulis.