🎨 Moved Close to the far-right corner of the mobile preview header

9larsons · 9larsons · commit 692f71246309 · 2026-06-15T12:11:27.000-05:00
no ref

- Close at the left edge of the action cluster read as floating mid-header; placing it after Publish anchors it to the corner while keeping share directly left of Publish
diff --git a/ghost/admin/app/styles/layouts/post-preview.css b/ghost/admin/app/styles/layouts/post-preview.css
@@ -90,9 +90,10 @@
         margin-left: auto;
     }
 
-    /* move Close ahead of share so share sits directly left of Publish */
+    /* push Close to the far-right corner so it isn't stranded mid-header; share
+       still sits directly left of Publish */
     .gh-post-preview-close {
-        order: -1;
+        order: 1;
     }
 
     /* the desktop/mobile size toggle is meaningless on a phone */

Original file line number	Diff line number	Diff line change
`@@ -90,9 +90,10 @@`
`90`	`90`	`margin-left: auto;`
`91`	`91`	`}`
`92`	`92`
`93`		`- /* move Close ahead of share so share sits directly left of Publish */`
	`93`	`+ /* push Close to the far-right corner so it isn't stranded mid-header; share`
	`94`	`+ still sits directly left of Publish */`
`94`	`95`	`.gh-post-preview-close {`
`95`		`- order: -1;`
	`96`	`+ order: 1;`
`96`	`97`	`}`
`97`	`98`
`98`	`99`	`/* the desktop/mobile size toggle is meaningless on a phone */`