Button: fixed inconsistent button styling in most browsers. Fixes #7996 - Button...

diff --git a/themes/base/jquery.ui.button.css b/themes/base/jquery.ui.button.css
index 5588eb42c9053bcda70fa2ecfaf191325f6e1b8a..602f93a926e58cca64685eac24aa63a32b81a706 100644 (file)
--- a/themes/base/jquery.ui.button.css
+++ b/themes/base/jquery.ui.button.css
@@ -12,8 +12,10 @@
        display: inline-block;
        position: relative;
        padding: 0;
+       line-height: normal;
        margin-right: .1em;
        cursor: pointer;
+       vertical-align: middle;
        text-align: center;
        zoom: 1;
        overflow: visible; /* removes extra width in IE */
@@ -43,7 +45,7 @@ button.ui-button-icons-only {
 /* button text element */
 .ui-button .ui-button-text {
        display: inline-block;
-       line-height: 1.4;
+       line-height: normal;
 }
 .ui-button-text-only .ui-button-text {
        padding: .4em 1em;
@@ -105,7 +107,8 @@ input.ui-button {
 }
 
 /* workarounds */
-/* reset extra padding in Firefox */
+/* reset extra padding in Firefox, see h5bp.com/l */
+input.ui-button::-moz-focus-inner,
 button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;