Settings design overlay in settings too big

[rubencarneiro]

Description of the feature

Illustrations

• Device: all
• Channel: devel
• Build:

Steps to reproduce

settings design fall back to canonical design, but the icons are to big.

Expected behavior

Actual behavior

Logfiles and additional information

[laborim]

Same here

Device: oneplus 3 Build: 372 (2020-07-05/3)

[UniversalSuperBox]

What would you prefer?

[rubencarneiro]

What would you prefer?

Smaller icons will suit nice. Since the icons are too big, and also theres a mix between icons and list.

[mateosalta]

this was one of the problems with the old, somethig i think was not subjctive as this design was not scaling well, something that helped was not showing the icons ubove a certain size, but much work is needed to display nicely on diffrent phone sizes.

so i think we need a variety of fixes to display them in a good size for a variety of phone sizes.

• make the size variable depending on screen width, the size may be in gu, but the ratio really makes the feel big small on diffrent devices
• maybe adopt sizing from the drawer, on many devices we are used to a 4 icon width, smaller 3 icons plus launcher, so i think most phones should have a row of 4 icons
• center alignment, i believe we should align the start of the icons with the start of the header, then dertimine spacing/size between icons to then fill to a equal margin on the oppsite side - center alignment is inconsistant, but just aligning left is not suitable so we need something that does *both in a way.
• space from text baseline to next divider is way too small, it cuts off wordwrap text and feels too cramped we should match the space on top to the space on bottom before the divider. -icon color. maybe somewher is designated icon are grey - but in practice we really dont do this look at icons in indicators, keyboard, browser. larger grey icons look disabled - this is a vibrant system, maybe we can even suru-ize these icons and give them a colourful update making them similar to the application icons.