follow-up to r91499 - set padding for the elements inside the button rather than...
authorRyan Kaldari <kaldari@users.mediawiki.org>
Fri, 22 Jul 2011 02:11:49 +0000 (02:11 +0000)
committerRyan Kaldari <kaldari@users.mediawiki.org>
Fri, 22 Jul 2011 02:11:49 +0000 (02:11 +0000)
resources/jquery.ui/themes/vector/jquery.ui.button.css

index 4bd25ec..631fa75 100644 (file)
@@ -9,22 +9,22 @@ button.ui-button-icons-only { width: 3.7em; }
 
 /*button text element */
 .ui-button .ui-button-text { display: block; line-height: 1.4em;  }
-.ui-button-text-only .ui-button-text { padding: .125em .25em; }
-.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
-.ui-button-text-icon-primary .ui-button-text { padding: 0.1em 0.8em 0.1em 1.9em; }
-.ui-button-text-icon-secondary .ui-button-text { padding: .1em 1.9em .1em 0.8em; }
-.ui-button-text-icons .ui-button-text { padding: 0.1em 1.9em 0.1em 1.9em; }
+.ui-button-text-only .ui-button-text { padding: 0.3em 1em 0.25em 1em; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.3em; text-indent: -9999999px; }
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.3em 1em 0.25em 2.1em; }
+.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.3em 2.1em 0.25em 1em; }
+.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
 /* for older versions of jQuery UI */
-.ui-button-text-icon .ui-button-text { padding: 0.1em 0.8em 0.1em 1.9em; }
+.ui-button-text-icon .ui-button-text { padding: 0.3em 1em 0.3em 2.1em; }
 
 /* no icon support for input elements, provide padding by default */
-input.ui-button { padding: .4em 1em; }
+input.ui-button { padding: 0.3em 1em; }
 
 /*button icon element(s) */
 .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
 .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
-.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0; }
-.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icon .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 16px; }
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; }
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icon .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; }
 
 /*button sets*/
 .ui-buttonset { margin-right: 7px; }
@@ -36,7 +36,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 body .ui-button {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
-       padding: 0.2em 0.6em 0.15em !important;
+       border-radius: 4px;
        margin: 0.5em 0 0.5em 0.4em !important;
        border: 1px solid #a6a6a6 !important;
        /* @embed */