Add `margin-bottom` for OOUI widgets in HorizontalLayout to improve interface on mobile

Wikimedia

Widgets in OOUI HorizontalLayouts are sticking vertically together on mobile. That should not be the case.

We need to add a margin-bottom CSS rule for widgets that are part of OOUI HorizontalLayout in forms.

This is best handled in OOUI themes. The specific file for WikimediaUI theme is for example /src/themes/wikimediaui/layouts.less A solution should be added to both, WikimediaUI and Apex theme.

Follow the OOUI README to get started.

https://phabricator.wikimedia.org/T179040

Task tags

css
grunt
html
javascript
less

Students who completed this task

Phantom42

Task type

Code
Design