The horizontal line for the group-heading helps so long as you’re looking at the “top” of the group, but when you scroll to the end of the current group and it’s followed by “add item” and then the next group-heading, the visual distinction isn’t very good. Contents from the above group run into the heading for the next.
Indenting it all would help, but maybe these shouldn’t look exactly like an Outline view either?
What if the first item were “double indented”? So the “top level” group items are inset further than normal, but then normal indentation takes over from there? Might take up too much horizontal space in what can otherwise works well as a narrow Pane.
I was gonna play with the CSS to change how group-headings are styled to clarify this; extra padding or maybe a border on top…simple enough…but I can’t find the control. There is .heading and .header, both of which seem to control #heading display (a change in one shows up in the other after close/reopen the dialog). And then there’s .blockHeader, which sounds like the right control but I haven’t figured out what it actually does effect…I changed font-size to 18em and haven’t noticed it anywhere yet.
BTW we could use some distinct terminology for this anatomy of GB-Panes. Are they Groups? Blocks? They are topped with what is best-described as a “heading” but that’s confusing (as is the .PaneHeading control) because of #headings. Maybe Groups and Group Names? And Pane Names?
