Improve visual editors sidebar AddBetweenButton interaction gap size or new interaction needed

[PaulNewton]

When trying to add a block or section in the sidebar using the AddBetweenButton interaction more gap is needed between entry types , or a different UI interaction is required. A different interaction would possibly be when the mouse is in this ambiguous area it shows "Add Entry" etc then after the user clicks the user is prompted to select either Sections or Blocks then the relevant list items are shown.

Currently in the sidebar editor when you try to add a section using the AddBetweenButton interaction it's pixel hunting to try to select between adding a block or adding a section:

QUICK is this blue line gonna be a block or a section??

tis a block

shifting mouse to left is then a section

As nesting grows may need gutter lines and specify what is being added to "Add block to X(type)" "Add section to X(type)" , i.e. "Add block to Group(block)" ; especially as this means it likely you can be adding something inside something that is now scrolled off screen.

[stephanie-shopify]

Thank you for sharing this feedback, we'll share it back with the team.

[PaulNewton]

I'm not a fan of sticky UI elements but on the other hand something like that may be needed.
Nesting is gonna create some very large vertical scrolling situations where the target section or target block is waaaay offscreen.
And that will create uncertainty between where someone wants to put an item and actually knowing which section or block they are trying to add a block too with confidence.