Wikimedia

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

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.

Task tags

  • css
  • grunt
  • html
  • javascript
  • less

Students who completed this task

Phantom42

Task type

  • code Code
  • web Design
close

2017