From: Prateek Saxena <prtksxna@gmail.com>
Date: Sat, 3 Jan 2015 00:56:31 +0000 (+0530)
Subject: mw.ui: checkbox: Remove margin from checkbox input to fix the pseudo element overlap
X-Git-Tag: 1.31.0-rc.0~12800^2
X-Git-Url: http://git.cyclocoop.org/%22.%24h.%22?a=commitdiff_plain;h=19671614f80e3b9da1a2f24b4152367eb7da75aa;p=lhc%2Fweb%2Fwiklou.git

mw.ui: checkbox: Remove margin from checkbox input to fix the pseudo element overlap

The target for the checbox was extending unusually due to extra
margins. See https://phabricator.wikimedia.org/M27/51/

Change-Id: I93fb29cfed5e0fd0ceb1f89977abd2991629fe34
---

diff --git a/resources/src/mediawiki.ui/components/checkbox.less b/resources/src/mediawiki.ui/components/checkbox.less
index ff454e1584..506dc118ed 100644
--- a/resources/src/mediawiki.ui/components/checkbox.less
+++ b/resources/src/mediawiki.ui/components/checkbox.less
@@ -56,6 +56,7 @@
 		height: @checkboxSize;
 		// This is needed for Firefox mobile (See bug 71750 to workaround default Firefox stylesheet)
 		max-width: none;
+		margin: 0;
 		margin-right: 0.4em;
 
 		// the pseudo before element of the label after the checkbox now looks like a checkbox