From 576446e36ab3785c9dbf3f935f5b65962a029c4b Mon Sep 17 00:00:00 2001
From: mawkone <mark@getacquired.com>
Date: Fri, 12 Jun 2026 11:25:52 -0700
Subject: [PATCH] design(preview): move preview/dashboard toggle to the left
 side of the header

---
 .../components/project/project-icon-rail.tsx  | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/vibn-frontend/components/project/project-icon-rail.tsx b/vibn-frontend/components/project/project-icon-rail.tsx
index 403ab5d..f518137 100644
--- a/vibn-frontend/components/project/project-icon-rail.tsx
+++ b/vibn-frontend/components/project/project-icon-rail.tsx
@@ -26,22 +26,10 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
         style={{
           display: "flex",
           alignItems: "center",
-          gap: 8,
+          gap: 12,
           flex: 1,
           minWidth: 0,
         }}
-      >
-        {isPreviewActive && <PreviewDeviceToggles />}
-      </div>
-
-      {/* Right Content Area (Segmented Control & Publish Button) */}
-      <div
-        style={{
-          display: "flex",
-          justifyContent: "flex-end",
-          alignItems: "center",
-          gap: 12,
-        }}
       >
         <div style={primaryGroup}>
           <Link
@@ -82,6 +70,18 @@ export function ProjectIconRail({ workspace, projectId, actions }: Props) {
           </Link>
         </div>
 
+        {isPreviewActive && <PreviewDeviceToggles />}
+      </div>
+
+      {/* Right Content Area (Publish Button) */}
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "flex-end",
+          alignItems: "center",
+          gap: 12,
+        }}
+      >
         {actions}
       </div>
     </nav>