Fixing width of icon-only-buttons in Vector skin

MediaWiki uses a custom stylesheet for buttons in Vector skin. This
stylesheet, however, breaks the jQuery UI icon-only buttons by setting
their width to "auto". This patch will re-set the width to 2.2em for
single-icon buttons and to 3.4em for 2-icon buttons.

Bug: 48593
Change-Id: I650d0e211cb4a1ce47c3d2246a3f266316afbb54

diff --git a/resources/jquery.ui/themes/vector/jquery.ui.button.css b/resources/jquery.ui/themes/vector/jquery.ui.button.css
old mode 100755 (executable)
new mode 100644 (file)
index 9314ef6..dfa711e
--- a/resources/jquery.ui/themes/vector/jquery.ui.button.css
+++ b/resources/jquery.ui/themes/vector/jquery.ui.button.css
@@ -173,6 +173,15 @@ body .ui-button {
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
        box-shadow: 0 1px 3px rgba(0,0,0,.2);
 }
+
+body .ui-button-icon-only {
+       width: 2.2em;
+}
+
+body .ui-button-icons-only {
+       width: 3.4em;
+}
+
 body .ui-button:hover {
        color: #2779aa;
        border-color: #bbb !important;