From f25c83a37b521b1e86db3ce35e3e38dd5eeee3d3 Mon Sep 17 00:00:00 2001
From: "Fusion (runfusion.ai)" <hi@runfusion.ai>
Date: Sun, 17 May 2026 13:54:29 -0700
Subject: [PATCH] =?UTF-8?q?feat(FN-4925):=20complete=20Step=204=20?=
 =?UTF-8?q?=E2=80=94=20fix=20mobile=20dev=20server=20layout=20overlap?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fusion-Task-Id: FN-4925
Fusion-Task-Lineage: 31fe1419-89df-4d8b-b7fe-7a872801c665
---
 .../app/components/DevServerView.css          | 31 +++++++++++++------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/packages/dashboard/app/components/DevServerView.css b/packages/dashboard/app/components/DevServerView.css
index 91dee5482..0fcd0c54c 100644
--- a/packages/dashboard/app/components/DevServerView.css
+++ b/packages/dashboard/app/components/DevServerView.css
@@ -580,18 +580,12 @@
     align-items: flex-start;
   }
 
-  .dev-server-header-actions {
-    width: 100%;
-  }
-
-  .devserver-preview-header {
+  .dev-server-header-title {
     flex-wrap: wrap;
   }
 
-  .devserver-preview-actions {
+  .dev-server-header-actions {
     width: 100%;
-    margin-left: 0;
-    justify-content: flex-end;
   }
 
   .dev-server-content {
@@ -599,16 +593,24 @@
     flex-direction: column;
   }
 
+  .dev-server-section {
+    padding: var(--space-md);
+    max-width: none;
+  }
+
   .devserver-preview-header {
     flex-wrap: wrap;
   }
 
   .devserver-preview-url-badge {
-    flex: 1 1 auto;
+    order: 2;
+    flex: 1 1 100%;
     min-width: 0;
+    max-width: 100%;
   }
 
   .devserver-preview-actions {
+    order: 3;
     width: 100%;
     margin-left: 0;
     justify-content: flex-end;
@@ -624,6 +626,17 @@
     flex-wrap: wrap;
   }
 
+  .dev-server-candidate-command {
+    flex: 1 1 100%;
+    max-width: 100%;
+    white-space: normal;
+    word-break: break-word;
+  }
+
+  .dev-server-candidate-source {
+    margin-left: 0;
+  }
+
   .dev-server-config {
     max-height: min(48vh, calc(var(--space-2xl) * 13));
   }