For example at https://commons.wikimedia.org/wiki/File:Six_WTC_SW_Corner.jpg
On its own, without comparing to the OOUI equivalent or Codex demo, it feels like the text is too far down in the button, and the icon is lacking in padding, a bit too small of a box and/or too large an icon.
Comparing to https://doc.wikimedia.org/codex/latest/components/demos/button.html, it seems the button is meant to be 32x32, an icon of 20x20px, and 5px inner padding.
In actuality, the above is: 34x32px, an icon of 23x23px, and (still) 5px inner padding.
If I hack the following changes, it starts to look a lot better, I think. Or at least, it matches the Codex demos size and proportions.
(Flip between screenshots to compare):
.mw-mmv-filepage-buttons .mw-mmv-view-config .cdx-button__icon {
min-width: 20px;
min-height: 20px;
- width: 1.4285714em;
- height: 1.4285714em;
@media { .mw-mmv-filepage-buttons .mw-mmv-view-config .cdx-button__icon {
- mask-size: calc(max(1.4285714em,20px));
+ mask-size: 20px;
Codex was added in MMV via change 933604 as part of T340258: MMV should use Codex instead of mediawiki ui. It calls .cdx-mixin-css-icon() from MediaWiki core / Codex library. \cc @Catrope @Volker_E
