MediaWiki UI: Use em's for the button width

In mobile iOS this causes overlap of buttons with footer text
on our Wikigrok widget.

We use
em's to create a margin for the button but since the button is defined
in pixels when zooming out of the page this causes overlap.

Bug: 71577
Change-Id: I0332b925a3f09c7f924aa48bd636f7fb19743ff7

diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less
index 01c481d..d303798 100644 (file)
--- a/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@ -47,7 +47,7 @@
        // Container styling
        .button-colors(#FFF);
        border-radius: @borderRadius;
-       min-width: 70px;
+       min-width: 4em;
 
        // Ensure that buttons and inputs are nicely aligned when they have differing heights
        vertical-align: middle;