Related:  issue 131894 

You should instead dock DevTools to right, entire layout will start making sense :)

In some workflows, such as the attached screenshot, I can give dev tools more screen real estate by docking it to the bottom. The only issue is that the layout does not make good use of the space available. I can fix this by docking dev tools to the right/left, but then I'm back to less screen real estate.

@oliverjash: that was not obvious from your screenshot - all I saw was little real estate for the page and a lot of white space in devtools. Dock to right solves that exact case better.

But maybe there are better use cases that show that you'd like to allocate more space to the devtools and very little to the page. Mind capturing them and sending our way?

A lot of the time I only need to focus on a small part of the page, and I want to make as much room possible for dev tools. For example, if I'm debugging a component like the nav (in this screenshot), the layout I proposed in this issue would give me maximum room for inspecting the DOM and also running JS commands from the console, simultaneously.

I presumed this layout modification would be a simple change, perhaps wrongly.