From: jdlrobson <jdlrobson@gmail.com>
Date: Tue, 7 Oct 2014 22:40:03 +0000 (-0700)
Subject: MediaWiki UI: Use em's for the button width
X-Git-Tag: 1.31.0-rc.0~13654^2
X-Git-Url: http://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/categories/modifier.php?a=commitdiff_plain;h=f7bd5b5503a18735a0cffd56d5f117f111ffd810;p=lhc%2Fweb%2Fwiklou.git

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 01c481d108..d3037987b3 100644
--- 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;