From 0051a4962d502034198b41f29a11f3f2e5536821 Mon Sep 17 00:00:00 2001 From: rillke Date: Thu, 18 Jul 2013 09:48:07 +0200 Subject: [PATCH] Removing space between buttons in Buttonset in Vector Removing whitespace between buttons in jquery.ui.buttonset in vector skin. jQuery UI Buttons are displayed inline-block. In case there is whitespace between button nodes in the HTML source, the whitspace would be also rendered. To avoid this, jQuery UI decided to put a negative margin in place. However, this negative margin is not enough in Vector skin by MediaWiki (see attached screenshots in bug 32687). By setting the margin from -0.3em to -0.4em this issue will be addressed in all tested browsers. Since the text and icons in the buttons have a padding around 1em, this patch will not obscure text or icons in the buttons. The only downside is the shadow that is multiplied below the button and thus darker. But this was an issue before and it will be just more obvious after applying this patch. Bug: 32687 Change-Id: I2577fe0ed79f0704ff40c019ec824d8ba62c3bf1 --- resources/jquery.ui/themes/vector/jquery.ui.button.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/jquery.ui/themes/vector/jquery.ui.button.css b/resources/jquery.ui/themes/vector/jquery.ui.button.css index 9314ef6a75..4b56fd3f9f 100755 --- a/resources/jquery.ui/themes/vector/jquery.ui.button.css +++ b/resources/jquery.ui/themes/vector/jquery.ui.button.css @@ -91,7 +91,7 @@ input.ui-button { } .ui-buttonset .ui-button { margin-left: 0; - margin-right: -.3em; + margin-right: -.4em; } /* workarounds */ -- 2.20.1