From 10990e9a37679a432aa1a1c39cf88fe780181d7a Mon Sep 17 00:00:00 2001
From: Matt Thomas <iammattthomas@git.wordpress.org>
Date: Tue, 26 Nov 2013 03:35:41 +0000
Subject: [PATCH] Move responsive button styles from wp-admin.css to
 buttons.css. Fixes #25968, props melchoyce.

git-svn-id: https://develop.svn.wordpress.org/trunk@26386 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/wp-admin.css   | 25 -----------------------
 src/wp-includes/css/buttons.css | 36 +++++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 25 deletions(-)

diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css
index c828a0d486..15b1cf0965 100644
--- a/src/wp-admin/css/wp-admin.css
+++ b/src/wp-admin/css/wp-admin.css
@@ -10996,26 +10996,6 @@ li#wp-admin-bar-toggle-button {
 		font-size: 14px;
 	}
 
-	.wp-core-ui .button,
-	.wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
-	input#publish,
-	input#save-post,
-	a.preview {
-		padding: 10px 14px;
-		line-height: 1;
-		font-size: 14px;
-		vertical-align: middle;
-		height: auto;
-		margin-bottom: 4px;
-	}
-
-	#media-upload.wp-core-ui .button {
-		padding: 0 10px 1px;
-		height: 24px;
-		line-height: 22px;
-		font-size: 13px;
-	}
-
 	.wrap .add-new-h2, .wrap .add-new-h2:active {
 		padding: 10px 15px;
 		font-size: 14px;
@@ -11228,11 +11208,6 @@ li#wp-admin-bar-toggle-button {
 		line-height: 280%;
 	}
 
-	.wp-core-ui .save-post-status.button {
-		position: relative;
-		margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
-	}
-
 	.wp-core-ui .save-post-visibility,
 	.wp-core-ui .save-timestamp {
 		vertical-align: middle;
diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css
index c410a7d4bf..3e70d20b02 100644
--- a/src/wp-includes/css/buttons.css
+++ b/src/wp-includes/css/buttons.css
@@ -27,6 +27,7 @@ TABLE OF CONTENTS:
  2.0 - Default Button Style
  3.0 - Primary Button Style
  4.0 - Button Groups
+ 5.0 - Responsive Button Styles
 
 ---------------------------------------------------------------------------- */
 
@@ -269,3 +270,38 @@ TABLE OF CONTENTS:
 .wp-core-ui .button-group > .button:last-child {
 	border-radius: 0 3px 3px 0;
 }
+
+/* ----------------------------------------------------------------------------
+  5.0 - Responsive Button Styles
+---------------------------------------------------------------------------- */
+
+@media screen and ( max-width: 782px ) {
+
+	.wp-core-ui .button,
+	.wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
+	input#publish,
+	input#save-post,
+	a.preview {
+		padding: 10px 14px;
+		line-height: 1;
+		font-size: 14px;
+		vertical-align: middle;
+		height: auto;
+		margin-bottom: 4px;
+	}
+
+	#media-upload.wp-core-ui .button {
+		padding: 0 10px 1px;
+		height: 24px;
+		line-height: 22px;
+		font-size: 13px;
+	}
+	
+	/* Publish Metabox Options */
+	.wp-core-ui .save-post-status.button {
+		position: relative;
+		margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
+	}
+	
+
+}