Settings editor looks cramped

[sandy081]

Testing #52859

Content should proportionally expand with the size of the editor, otherwise lot of space on the left and right seems unused

[roblourens]

On the other hand, people don't like to read a line of text that goes across a very wide screen. That's the main reason for the max-width. And how wide do the input boxes need to be? I can use more space but it wouldn't be used productively.

[sandy081]

Why not increase/decrease it in proportionate to the size of the editor. This is the style we follow in editors too. It scales pretty well. Its good to see well distributed content rather than empty space.

[roblourens]

I think extremely long lines and text boxes don't look better than empty space.

Thoughts @misolori?

[roblourens]

[miguelsolorio]

I think that we can strike a balance of using the space adequately while still remaining readable. I would also argue that reading code is a very different task than reading description text for a setting, so I wouldn't remove the max-width.

I'd suggest that for larger screens we increase the max-width to 1100px and increase the margin-right of the toc to 60px:

[roblourens]

Changed it so the space between the TOC and settings list will shrink first, then the settings list will shrink, then the TOC will hide.

[sandy081]

Yes, we do not need to make lines and input boxes long, we can give space between TOC and Contents. Above screen shot from @misolori looks perfect to me.

[roblourens]

Lots of layout changes have happened, hope this is better now.