Issue Summary

There are various padding-right and padding-left margins in the CSS layout throughout the new issue view, that cause excess whitespace on standard monitor layouts and does not allow the user to utilize the scaling options that are integrated into the code, the scaling gets worse on wider aspect ratio monitors as well as zooming out, in the browser zoom settings, beyond 100%.

Steps to Reproduce

1. enable New issue view
2. Look at any issue from a 16:9 aspect ratio monitor

Expected Results

The margin paddings scale to meet at the very minimum the industry-standard 16:9 aspect ratio 1080p monitor sizes, but 100% scaling prefered for custom monitor solutions or users that prefer to zoom out for extended screen real-estate

Actual Results

As an Example, I am Looking at:

<div class="sc-iupvsZ chWGEj">

there is a padding set to scale to 100% but also restricted to a maximum of 1400px:

padding-right: max((100% - 1400px) / 2, 0px);

Looks like this:

Because of this setting on an industry-standard 16:9 aspect ratio 1080p monitor, there is already an excessive amount of whitespace of 279px for the margin at padding-right (noting padding-left adds an additional 279px of whitespace), and would require scaling up to 1679px to reach the 100% scale setting for this section noting standard monitor size with default zoom levels at 100% so this should meet the max 100% scale at this setting

Notes:

1. The suggested solution here is to remove 1400px restrictions to all scalable margins
2. Alternatively, scale the paddings up 300px to handle at a minimum 16:9 aspect ratio 1080p monitors by increasing all 1400px limitaions to a 1700px restriction

Workaround

None at the moment.