From ad0539ba43221a015ce07e2738067dd944f0d894 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Thu, 29 Nov 2012 17:30:17 +0000 Subject: [PATCH 1/2] Button: fixed inconsistent button styling in most browsers. Fixes #7996 - Button: Inconsistent styling based on markup --- themes/base/jquery.ui.button.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/themes/base/jquery.ui.button.css b/themes/base/jquery.ui.button.css index 5588eb42c90..2243cad9d74 100644 --- a/themes/base/jquery.ui.button.css +++ b/themes/base/jquery.ui.button.css @@ -12,6 +12,7 @@ display: inline-block; position: relative; padding: 0; + line-height: normal; margin-right: .1em; cursor: pointer; text-align: center; @@ -43,7 +44,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 +106,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; From 21bbecd5b67b2aa53bd60391d73a3c15681e56c7 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Thu, 29 Nov 2012 23:46:57 +0000 Subject: [PATCH 2/2] button: improved button spacing in IE7 --- themes/base/jquery.ui.button.css | 1 + 1 file changed, 1 insertion(+) diff --git a/themes/base/jquery.ui.button.css b/themes/base/jquery.ui.button.css index 2243cad9d74..602f93a926e 100644 --- a/themes/base/jquery.ui.button.css +++ b/themes/base/jquery.ui.button.css @@ -15,6 +15,7 @@ line-height: normal; margin-right: .1em; cursor: pointer; + vertical-align: middle; text-align: center; zoom: 1; overflow: visible; /* removes extra width in IE */