Fix the editor switching tabs position on small screens, props ryelle, fixes #26151.

Built from https://develop.svn.wordpress.org/trunk@26315


git-svn-id: http://core.svn.wordpress.org/trunk@26219 1a063a9b-81f0-0310-95a4-ce76da25c4cd

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";
 		}
 

wp-includes/css/editor-rtl.css

@@ -1114,6 +1114,10 @@ span.mce_ltr:before {
 	background: #f5f5f5;
 }
 
+.wp-editor-tabs {
+	float: left;
+}
+
 .wp-switch-editor {
 	background: #ebebeb;
 	border: 1px solid #dedede;
@@ -1151,6 +1155,10 @@ span.mce_ltr:before {
 	border-bottom: none;
 }
 
+.wp-media-buttons {
+	float: right;
+}
+
 .wp-media-buttons .button {
 	margin-left: 5px;
 	margin-bottom: 4px;

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;