Pipeline test output in mergerequest too narrow

Summary

When using the test report feature of Gitlab CI, the width of the popover showing test output is far too low to read properly.

Steps to reproduce

Publish a build.artifacts.reports.junit report and click on a failed test in the Merge Request panel. This pops up a window that is very narrow. Especially when looking at java stacktraces, a lot of linebreaking occurs, making the trace unreadable.

What is the current bug behavior?

The width of the output window is at most 800px. This is too narrow for many types of build output.

What is the expected correct behavior?

Scale the build output window to atleast 80% of the viewport width.

Relevant logs and/or screenshots

Possible fixes

• Set the max-width and the width CSS properties to 100%.

Technical proposal

We can do a small change to make this take the full width. Instead of doing two columns, one for the title and one for the system output, we can do one single column and have they title be above the output. Similar to the following screenshot: