improve developerMode styling

[camillobruni]

• Maintain the same margin to the "Developer Mode" text when closed and open
• Remove display flex that had no effect
• Make sure the run settings are always visible
• Scroll only the suites part
• Resize more

[camillobruni]

Tested on Firefox, Safari and Chrome for small windows (unlikely use-case):

Large screen sizes now also allows to increase the developer-mode:

[camillobruni]

I could move the tags above the "select" buttons and make the tags + suits scrollable? Adding the tags would be the easiest, I just though that they might grow over time and we might have an issue long-term (but we can also deal with this later)

[julienw]

I could move the tags above the "select" buttons and make the tags + suits scrollable? Adding the tags would be the easiest, I just though that they might grow over time and we might have an issue long-term (but we can also deal with this later)

mmm it's mostly "select/unselect" for me, because it's common I want to unselect them all to run just one test. but I'm not sure what would be best... Maybe keep them inside the scrollable element, but move them at the top so that they're readily available?

Let's not focus too much on that if there's no clear path and let's move on with what you already have.

[camillobruni]

Actually your suggestions was quite easy to add: