Unsupported Block Editor: Toolbar is taller than expected due to the block settings button

[fluiddot]

Describe the bug
When editing an unsupported block, the toolbar displayed at the top of UBE (Unsupported Block Editor) is taller than expected. This seems to be caused by the block settings button that is pushing the rest of the elements.

To Reproduce
Steps to reproduce the behavior:

1. Open a post in the browser and add an unsupported block (e.g. Table block).
2. Open the same post in the app.
3. Tap on the block and select "Edit using web editor"
4. Once UBE loads, observe that the toolbar is taller than expected.

Expected behavior
The toolbar in UBE should be compact (i.e. not displaying unnecessary extra empty space). The block settings button shouldn't push the rest of the elements.

Screenshots

Smartphone (please complete the following information):

• Device: iPhone 11
• OS: iOS 15.4.1
• Version 22.3.0.1

Additional context
N/A

[geriux]

For context of why this is like this now, here's the issue WordPress/gutenberg#48298 where it was discussed and the PR that introduced the changes WordPress/gutenberg#48435

[fluiddot]

For context of why this is like this now, here's the issue WordPress/gutenberg#48298 where it was discussed and the PR that introduced the changes WordPress/gutenberg#48435

Thanks @geriux for sharing the issue and the PR 🙇 ! From my side, I'd consider this a minor issue as it doesn't break the functionality. Actually, I think this is more of an enhancement we could do to compact the toolbar. I'll update the tags of the issue to reflect this.