1490940 - Excessive padding for bottom row buttons in modal dialogs

Status: NEW

(Firefox :: Settings UI, enhancement, P3)

Description

[Mike de Boer [:mikedeboer]]

Attachment: Preferences.png

This might be a matter of taste, but I think that the amount of space between the bottom row of buttons - which contain actions that apply to the entire dialog - is a bit too much.

See screenshot.

This doesn't apply to _all_ dialogs, but certainly for the more complicated types that contain numerous controls.

Comment 1

[:Gijs (he/him)]

Eric, can you weigh in here with maybe some narrower margins in some of the subdialogs in prefs? Thanks!

Comment 2

[:Gijs (he/him)]

This would be P5 except I agree the dialog in the attachment is pretty yucky-looking this way, and fixing this should be easy (right? right? but it's CSS, so I'm sure it'll be harder than I think...). Anyway, P3 because yuck.

Comment 3

[Eric Pang [:epang] UX]

Attachment: Subdialog in Prefs.png

Made a quick spec to update alignments and margins of sub dialogs in prefs.  Also, moved a few items around that I think will really help clean up the screen (if possible).

- Margins,
- Alignments
- Added a footer/div line (same colours as header)
- Aligned buttons center in footer and with contents above
- Moved scroll bar to the right edge and in between the header and footer
- Change alignment of text in "No proxy for" input box

let me know if there's any questions! Thanks!