From 239650f87a8a4b618fee016f8986ec3a53da25d9 Mon Sep 17 00:00:00 2001
From: Andrew Ozz <admin@laptoptips.ca>
Date: Wed, 24 Oct 2012 01:33:59 +0000
Subject: [PATCH] Fix the buttons in IE, make them better in IE7, remove the
 default padding in Firefox, make all .button <a> and <input> look the same,
 fixes #21598

git-svn-id: http://core.svn.wordpress.org/trunk@22289 1a063a9b-81f0-0310-95a4-ce76da25c4cd
---
 wp-admin/css/ie.css         | 28 ++++++++++++++++++++++++++--
 wp-includes/css/buttons.css | 26 +++++++++++++++++---------
 2 files changed, 43 insertions(+), 11 deletions(-)

diff --git a/wp-admin/css/ie.css b/wp-admin/css/ie.css
index 16f08e05b5..064dfb08e3 100644
--- a/wp-admin/css/ie.css
+++ b/wp-admin/css/ie.css
@@ -237,10 +237,34 @@ table.fixed td {
 	width: 98%;
 }
 
+button,
+input[type="reset"],
+input[type="button"],
+input[type="submit"] {
+	padding: 2px 8px;
+}
+
+button.button-large,
+input[type="reset"].button-large,
+input[type="button"].button-large,
+input[type="submit"].button-large {
+	padding: 4px 12px;
+}
+
+button.button-small,
+input[type="reset"].button-small,
+input[type="button"].button-small,
+input[type="submit"].button-small {
+	padding: 0 8px;
+}
+
 a.button {
-	line-height: 1.4em;
 	margin: 1px;
-	padding: 2px 6px;
+	padding: 3px 8px;
+}
+
+a.button.button-small {
+	padding: 1px 8px;
 }
 
 #screen-options-wrap {
diff --git a/wp-includes/css/buttons.css b/wp-includes/css/buttons.css
index ecd0ce14ea..6478e0404d 100644
--- a/wp-includes/css/buttons.css
+++ b/wp-includes/css/buttons.css
@@ -42,29 +42,37 @@ TABLE OF CONTENTS:
 	vertical-align: middle;
 	text-decoration: none;
 	font-size: 12px;
-	line-height: 17px;
-	height: 15px;
+	line-height: 1.45em;
 	margin: 0;
-	padding: 0.25em 0.85em 0.35em;
+	padding: 3px 10px;
 	cursor: pointer;
 	border-width: 1px;
 	border-style: solid;
 	-webkit-border-radius: 3px;
 	border-radius: 3px;
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing:    content-box;
-	box-sizing:         content-box;
 	white-space: nowrap;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing:    border-box;
+	box-sizing:         border-box;
+}
+
+/* Remove the dotted border on :focus and the extra padding in Firefox */
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner {
+	border: 1px solid transparent;
+	padding: 0;
 }
 
 .button.button-large,
 .button-group.button-large .button {
-	padding: 0.4em 1.0em 0.5em;
+	padding: 5px 12px;
 }
 
 .button.button-small,
 .button-group.button-small .button {
-	padding: 0.15em 0.75em 0.17em;
+	padding: 2px 8px;
 }
 
 .button:active {
@@ -299,4 +307,4 @@ TABLE OF CONTENTS:
 .dropdown-flip-x .dropdown {
 	left: auto;
 	right: 0;
-}
\ No newline at end of file
+}