And after converting to OOUI:
Emphasizing on the fact that the form is twice as tall with lots of extra white space.
We need a way to do the following:
- Make the label for the radio buttons appear on the same line as the radio buttons. Same with the checkbox.
- Make the dropdown not only appear on the same line as the label, but also not be this wide when its options are short strings (20, 50, 100, 250 and 500 are the options).
Looking at https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.LabelWidget I cannot find a way to specify a label as "inline". I see some mention of inline for FieldLayout but am not sure how that would apply here. I also don't see any options to control the size (width) of a SelectWidget
Not only would it be great to have the option to control this on a per-widget basis (and if there is the option, please point me to it), but also I think there should be a general option to use for an entire OOUI form to make it "compact", which would automatically be judicious in using extra lines and white spaces.