Move external link icon to the right.

Needs a follow up in one of the PRs in #24539.
WordPress · Aug 28, 2020 · e259709 · e259709
1 parent 767227d
commit e259709
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/packages/block-editor/src/components/preview-options/style.scss b/packages/block-editor/src/components/preview-options/style.scss
@@ -28,9 +28,7 @@
 	}
 
 	.components-menu-group + .components-menu-group {
-		padding: $grid-unit-10 $grid-unit-15;
-		margin-left: -$grid-unit-15;
-		margin-right: -$grid-unit-15;
+		padding: $grid-unit-10;
 	}
 }
 

diff --git a/packages/edit-post/src/components/device-preview/index.js b/packages/edit-post/src/components/device-preview/index.js
@@ -47,8 +47,8 @@ export default function DevicePreview() {
 						forcePreviewLink={ isSaving ? null : undefined }
 						textContent={
 							<>
-								<Icon icon={ external } />
 								{ __( 'Preview in new tab' ) }
+								<Icon icon={ external } />
 							</>
 						}
 					/>

diff --git a/packages/edit-post/src/components/header/style.scss b/packages/edit-post/src/components/header/style.scss
@@ -107,7 +107,7 @@
 	justify-content: flex-start;
 
 	svg {
-		margin-right: $grid-unit-10;
+		margin-left: auto;
 	}
 }