FormLayout: in desktop mode, center and cap width

Left-alignment in Narrow mode is fine on mobile where the views are also really narrow. But in a desktop form factor, typically FormLayout enters narrow mode only because text elements are really long. This is quite common with many languages. When this happens, left-alignment looks pretty ugly.

Instead, center the layout and cap the maximum width, which looks better.

Implements part of teams/vdg/issues#42

Before After
Quick_Settings_before Quick_Settings_after
Mouse_before Mouse_after

How it looks in animated form:

Screencast_20250414_090719

@teams/vdg

Edited by Nate Graham

Merge request reports

Loading