Wasted screen space in HTML code coverage report

[sebastianbergmann]

@rpkamp I suspect this to be a regression from #644. Can you have a look, please?

[sebastianbergmann]

At the moment the left edge of the code area is aligned with the left edge of the overview table at the top of the page.

IMO, (almost) the entire width of screen (maybe ~ 95% or so, so that we still have a border/margin on the sides) should be used for the code.

[rpkamp]

No problem, I'll have look somewhere this week 👍

[rpkamp]

I've just checked and I'm not sure about this one. When the code uses the full width but the code itself is small the page looks weird:

So I would suggest one of the following:

1. Make the entire page wider, so both the table at the top as well as the code
2. Add a vertical scrollbar to the code when it's too wide
3. Don't write long lines of code, split them over multiple lines

Also, this is not a regression as the behaviour with bootstrap 3 was the same (see below). But I do agree it could use some love.

[sebastianbergmann]

Thank you for looking into this!

Looks like I was wrong that this is a regression. However, before the Bootstrap update I did not notice this. Maybe it makes it more obvious? I don't know.

Lets agree that this could use some love :-)

Before we try anything else, can you send a pull request that implements your option 1? I think that this might just work.