[Settings V2] Visual improvement: Minimal gap between settings text and side panel

[htcfreek]

📝 Provide a description of the new feature

For a better look and feel of the settings window we should define a gap between the text and the side panel which must exist minimal. Otherwise the text looks squeezed together.

I think we should define the same gap as we have between navigation pane and text.

Small window without gap

---

If you'd like to see this feature implemented, add a 👍 reaction to this post.

[crutkas]

@niels9001 that should be as easy as adding a padding/margin to the right in the main content area, correct?

That should match gap on the right / left then.

[niels9001]

@crutkas

I'd set a MaxWidth on TextBlocks. Settings does it as well.

[crutkas]

why maxwidth? won't you want it to flow?

[htcfreek]

BTW: Does it make sense to have a minimal Window height.

[niels9001]

@crutkas Not by using the entire available width. A MaxWidth of e.g. 500-700 improves readability compared to full overflow.

Details here: https://www.freshconsulting.com/uiux-principle-46-text-box-width-should-help-users-read/

and here:
https://baymard.com/blog/line-length-readability

And yeah, we'd need to add a right margin/padding as well for responsiveness.

[niels9001]

@crutkas I think we should introduce a MaxWidth for the main content column so all UI elements flow correctly. Seems that W10 settings is using 420px?