"Theme" and "Launcher" labels are hundreds of pixels away from their controls

[Matthew Paul Thomas]

gnome-control-center 1:3.2.2-2ubuntu6, Ubuntu Pangolin

1. Open the "Appearance" panel of System Settings.
2. Measure the distance between the "Theme:" label and menu.
3. Measure the distance between the "Launcher icon size:" label and slider.

What you should see:
2. 12 pixels.
3. 12 pixels.
"Between labels and associated components, leave 12 horizontal pixels."
<http://developer.gnome.org/hig-book/3.0/design-window.html.en#window-layout-spacing>

What you actually see:
2. 433 pixels.
3. 319 pixels.

There are no opinions in this bug report.

[Sebastien Bacher (seb128)]

Thanks Matthew, we just implemented what was designed in https://docs.google.com/a/canonical.com/document/d/1ILTJDiDCd25Npt2AmgzF8aOnZZECxTfM0hvsbWT2BxA/edit?ndplr=1

That needs design input...

[Sebastien Bacher (seb128)]

Note that GNOME itself prefers to respect widgets alignments than respect those hig guidance, see for example the display capplet (resolution and rotation combos), or the sound one (output tab, balancer slider and connector combo) or the screen one (combos)

[Lars Karlitski (larsu)]

Actually, the HIG specifies 12 pixels between the longest label its corresponding option widget, at least in figure 8-4 on the page Matthew linked to.

Nevertheless, neither the existing gnome capplets nor the spec on google docs is very consistent. I see three different ways in which option label widgets are presented:

(1) left-aligned label
(2) right-aligned label
(3) bold left-aligned label with optional detail text and the option widget to the far right

The HIG recommends (1), and that is what's used in the capplets that Seb mentioned. The spec on google docs uses all three (!) in different applets. The implementation uses all three and adds a fourth, right-aligned label without colon (for example in Network and Online Accounts).

[Adolfo Jayme Barrientos (fitojb)]

Right-aligned labels would solve this specific problem by setting them nearer to its controls, as seen in the wireframe I'm attaching. But the solution arises other problems: the 'Background' label seems out of place, and the 'Launcher icon size' option seems to belong more in the 'Launcher' tab[1] (in the current implementation it's named 'Behavior').

[1]: I named the tabs 'General' and 'Launcher' following suggestion in bug 928764.

[Sebastien Bacher (seb128)]

those UI element don't exist in the current version so closing the bug