Button: fixed inconsistent button styling in most browsers. Fixes #7996 - Button: Inconsistent styling based on markup

Author: selfthinker

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;