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 ff454e1..506dc11 100644 (file)
--- 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