[WebPositive] align menus to the right size in Settings window (easy)

[diver]

Menus in fonts tab of Settings window should align to the right side

[vchrombie]

snapshot of the settings window

[vchrombie]

I want to work on this ticket.

I see that the Settings window has the extra space which is not the same for the Downloads window. I have to fix that. I attached the snapshot of the Settings window and Downloads window, above.

Kindly tell me if I am wrong.

[pulkomandy]

Ask humdinger on the IRC channel about the spacing rules, because I'm not sure what should be done. For this ticket, just align the label of the menu fields to the right instead of to the left as they are now.

[Janus]

RFC

Before

After

[humdinger]

Not sure I like that too much, tbh.
Could it be more like the Appearance prefs, with the size options to the rigt of the font pop-ups?

[Janus]

In Appearance each font type has its size. There is only one size for the font standard/serif/sans... what is your idea?

[Janus]

Working with grids is very time consuming here some unfinished ideas:

[Janus]

I think the label "Default standard font size:" should be "Default font size:" because it applies to standard/serif/sans. In the mockup the size PopUpMenu should look smaller in both cases.

[Janus]

Another experiment

[humdinger]

another mockup

[humdinger]

Maybe something like:

[Janus]

I personally don't like the "legend" effect. Repeat the information with a sort of *.

And using the grid I don't think the BBox will align with the 3 labels.

[humdinger]

Or:

[humdinger]

mockup2

[-Meanwhile-]

The original 'after.png' added boxes around the example sentences, making a comparison with 'before.png' harder and diverting from the original issue.

[-Meanwhile-]

Version without boxes:

[vidrep]

I like the last one the best

[humdinger]

Yep, the last one's best. Maybe don't use bold for the labels. The Appearance fonts tab looks very nice without it. Also, how about removing the labels of the sizes or do it like Appearance and just name them "Size:"?

[vidrep]

Just "Font size" works for me; simple and to the point

[-Meanwhile-]

In line with appearances/fonts the labels shouldn't have to be bold.

If 'Default font size' would change into 'Size' (preferable over 'Font size'; again for consistency with appearances/fonts), then the user may get the idea that only 'Standard fonts' have different sizes to choose from. The indication 'default' is needed to avoid that idea. So the word 'default' is needed to indicate that the 'Serif' and 'Sans-serif' fonts will follow the size selected for 'Standard font'.

For consistency within this settings window, the word 'default' is better also used for the 'Fixed font' category. So: 'Standard font' gets 'Default font size' and 'Fixed font' gets 'Default fixed font size'.

You could shorten 'Default font size' into 'Default size' but then you'd have to shorten the label for 'Fixed font' as well (again to be consistent) and that doesn't work ('Default fixed size' is confusing), so the longer versions have to be used, just like they already are in mockup2413.png.

[Janus]

Replying to -Meanwhile-:

In line with appearances/fonts the labels shouldn't have to be bold.

If 'Default font size' would change into 'Size' (preferable over 'Font size'; again for consistency with appearances/fonts), then the user may get the idea that only 'Standard fonts' have different sizes to choose from. The indication 'default' is needed to avoid that idea and indicate that the 'Serif' and 'Sans-serif' fonts will follow the size selected for 'Standard font'.

The initial string was "Default standard font size" confusing as well.

[-Meanwhile-]

Yes, agreed. That didn't enter the brain smoothly.

[Janus]

I leave the original labels as they are, because other browsers use the same strings.

Pulkomandy will have the final word...

[waddlesplash]

Merged in hrev52405.