JENKINS-33659 - Basic fix for scrollspy width issues

[kzantow]

A trivial fix for the config page to prevent wide input fields from breaking out of the UI and allowing use of much of the screen (currently 90%-100%).

As opposed to currently:

[oleg-nenashev]

🐝

[kzantow]

@reviewbybees esp. @gusreiber -- note there is a case if the container is wide and the page scrolled down and right that the tabs no longer line up, however with this scroll-tab design I think this is preferable to the alternative, since they remain usable and onscreen.

[ghost]

This pull request originates from a CloudBees employee. At CloudBees, we require that all pull requests be reviewed by other CloudBees employees before we seek to have the change accepted. If you want to learn more about our process please see this explanation.

[tfennelly]

@kzantow From looking at the screenshots, it looks like there's a left margin, but no right margin, yeah? That looks a bit strange to me.

[jglick]

The left margin without right margin does look a bit odd, but 🐝 based on the screenshots (have not tried it).

[kzantow]

@tfennelly there's both left and right margin. The UI had an issue where the container did not expand to the contents in the case where something inside was wider than the width of the box (which was set to 75em), for example the script editor extending beyond the page width as shown in the second screenshot.

[kzantow]

@jglick @tfennelly agree, it's a bad case where the script editor is very wide, in "most" cases it will have equal margins on both sides as is pictured in the first screenshot

[daniel-beck]

👍 Would be better if the text area never resized horizontally in the first place, but this is definitely an improvement over the current situation.