From 36536bce2fa338b2922043d3be97d13efa9a3fd5 Mon Sep 17 00:00:00 2001
From: Andrew Ozz <azaozz@git.wordpress.org>
Date: Fri, 22 Nov 2013 02:22:15 +0000
Subject: [PATCH] Fix the editor switching tabs position on small screens,
 props ryelle, fixes #26151.

git-svn-id: https://develop.svn.wordpress.org/trunk@26315 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/class-wp-editor.php | 3 ++-
 src/wp-includes/css/editor.css      | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/wp-includes/class-wp-editor.php b/src/wp-includes/class-wp-editor.php
index dda9f0b29d..16a2e5e10f 100644
--- a/src/wp-includes/class-wp-editor.php
+++ b/src/wp-includes/class-wp-editor.php
@@ -127,7 +127,6 @@ final class _WP_Editors {
 
 		if ( !empty($buttons) || $set['media_buttons'] ) {
 			echo '<div id="wp-' . $editor_id . '-editor-tools" class="wp-editor-tools hide-if-no-js">';
-			echo $buttons;
 
 			if ( $set['media_buttons'] ) {
 				self::$has_medialib = true;
@@ -139,6 +138,8 @@ final class _WP_Editors {
 				do_action('media_buttons', $editor_id);
 				echo "</div>\n";
 			}
+
+			echo '<div class="wp-editor-tabs">' . $buttons . "</div>\n";
 			echo "</div>\n";
 		}
 
diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css
index 5ed143e7c5..8ed36fe566 100644
--- a/src/wp-includes/css/editor.css
+++ b/src/wp-includes/css/editor.css
@@ -1114,6 +1114,10 @@ span.mce_ltr:before {
 	background: #f5f5f5;
 }
 
+.wp-editor-tabs {
+	float: right;
+}
+
 .wp-switch-editor {
 	background: #ebebeb;
 	border: 1px solid #dedede;
@@ -1151,6 +1155,10 @@ span.mce_ltr:before {
 	border-bottom: none;
 }
 
+.wp-media-buttons {
+	float: left;
+}
+
 .wp-media-buttons .button {
 	margin-right: 5px;
 	margin-bottom: 4px;