Change 344305 had a related patch set uploaded (by VolkerE):
[oojs/ui@master] MediaWiki theme: Unify padding across widgets and variablize

https://gerrit.wikimedia.org/r/344305

Change 344888 had a related patch set uploaded (by VolkerE):
[oojs/ui@master] MediaWiki theme: Unify padding on DecoratedOptionWidget and derivates

https://gerrit.wikimedia.org/r/344888

Change 346216 had a related patch set uploaded (by VolkerE):
[oojs/ui@master] MediaWiki theme: Unifying padding on ButtonElement

https://gerrit.wikimedia.org/r/346216

The following custom stylesheet on top as fundament for the screenshots:

.oo-ui-buttonElement-framed {
  background-color: #f8f9fa;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-dropdownWidget .oo-ui-dropdownWidget-handle {
  background-color: aquamarine;
  background-clip: content-box;
}

.oo-ui-iconElement-icon,
.oo-ui-indicatorElement-indicator {
    background-color: coral;
}
.oo-ui-buttonElement .oo-ui-labelElement-label {
    background-color: lightskyblue;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input, 
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea,
.oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label,
.oo-ui-dropdownWidget .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
    background-color: lightskyblue;
  	background-clip: content-box;
}

Change 344305 merged by jenkins-bot:
[oojs/ui@master] MediaWiki theme: Unify padding across widgets and variablize

https://gerrit.wikimedia.org/r/344305

Change 344888 merged by jenkins-bot:
[oojs/ui@master] MediaWiki theme: Unify padding on DecoratedOptionWidget and descendants

https://gerrit.wikimedia.org/r/344888

Change 346216 merged by jenkins-bot:
[oojs/ui@master] MediaWiki theme: Unify padding on ButtonElement

https://gerrit.wikimedia.org/r/346216

Tools/Toolbars are still in the works.

Follow-up of T111550 will happen here:

In T111550#3151549, @RHo wrote:

The chevron still looks a bit separate from the element to which it is meant to relate, perhaps also due to the fact that the element is a darker color now. Suggest we can move the chevron closer to the element, and/or make it ~2px smaller (see screenshots below).

Chevron shifted left 2px:

Chevron smaller and shifted left 2px:

In T111550#3151907, @Volker_E wrote:

Thanks @RHo. I agree basically with both, the position unification that also helps with specific position of indicators is currently tackled in T161177. The indicator size we need to see in context of all widgets, where I'd want to understand if you see the size just an issue in toolbars or for the other widgets as well as proposed in the screens above/the patch?

In T111550#3153664, @RHo wrote:

hey @Volker_E – think size would be an issue for other widgets as well as toolbars. Higher up in this ticket's thread there is the example of chevrons to toggle accordions, where I would expect them to be larger since they are the key action element rather than a signal that something is a dropdown.

Note to myself: After turning to padding we have now mostly only one property to control width/height and distances, but variables number might get a bit overwhelming on first sight:

• We could mix line-height with padding to address/decrease the top/bottom variety, on single-line widgets
• There's also one occurrence where missing box-sizing results in one pixel difference and to extra vars.

Issue unsolved by current solution, but also by line-height approach above is different vertical position of label in widgets across browsers.

Change 380546 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[oojs/ui@master] [WIP] WikimediaUI theme: Unify padding and distances on tools and menus

https://gerrit.wikimedia.org/r/380546

Change 382353 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[oojs/ui@master] Generalize icon and indicator positioning & visibility

https://gerrit.wikimedia.org/r/382353

Change 382353 merged by jenkins-bot:
[oojs/ui@master] Generalize icon and indicator positioning & visibility

https://gerrit.wikimedia.org/r/382353