Top toolbar: adjust tab order

WordPress · Jan 14, 2020 · a6bfb67 · a6bfb67
1 parent 5338c47
commit a6bfb67
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/edit-post/src/components/header/index.js b/packages/edit-post/src/components/header/index.js
@@ -42,10 +42,6 @@ function Header() {
 
 	return (
 		<div className="edit-post-header">
-			<div className="edit-post-header__toolbar">
-				<FullscreenModeClose />
-				<HeaderToolbar />
-			</div>
 			<div className="edit-post-header__settings">
 				{ ! isPublishSidebarOpened && (
 					// This button isn't completely hidden by the publish sidebar.
@@ -77,6 +73,10 @@ function Header() {
 				<PinnedPlugins.Slot />
 				<MoreMenu />
 			</div>
+			<div className="edit-post-header__toolbar">
+				<FullscreenModeClose />
+				<HeaderToolbar />
+			</div>
 		</div>
 	);
 }

diff --git a/packages/edit-post/src/components/header/style.scss b/packages/edit-post/src/components/header/style.scss
@@ -4,6 +4,7 @@
 	background: $white;
 	display: flex;
 	flex-wrap: wrap;
+	flex-direction: row-reverse;
 	justify-content: space-between;
 	align-items: center;
 	// The header should never be wider than the viewport, or buttons might be hidden. Especially relevant at high zoom levels. Related to https://core.trac.wordpress.org/ticket/47603#ticket.