From 3c24d4ccb18e170dc8544cff2ec04d5ac9c42539 Mon Sep 17 00:00:00 2001
From: Matt Aitken <matt@mattaitken.com>
Date: Mon, 2 Sep 2024 13:51:42 +0100
Subject: [PATCH] A couple of layout tweaks

---
 .../route.tsx                                             | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.runs.$runParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.runs.$runParam/route.tsx
index f9f975e04..0331dcd06 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.runs.$runParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.runs.$runParam/route.tsx
@@ -678,7 +678,7 @@ function TasksTreeView({
           />
         </ResizablePanel>
       </ResizablePanelGroup>
-      <div className="flex items-center justify-between gap-2 border-t border-grid-dimmed px-2">
+      <div className="flex items-center justify-between gap-2 border-t border-grid-dimmed px-4">
         <div className="grow @container">
           <div className="hidden items-center gap-4 @[42rem]:flex">
             <KeyboardShortcuts
@@ -1138,7 +1138,7 @@ function ConnectedDevWarning() {
   useEffect(() => {
     const timer = setTimeout(() => {
       setIsVisible(true);
-    }, 3000);
+    }, 6000);
 
     return () => clearTimeout(timer);
   }, []);
@@ -1146,14 +1146,14 @@ function ConnectedDevWarning() {
   return (
     <div
       className={cn(
-        "flex items-center overflow-hidden pl-5 pr-2 transition-opacity duration-500",
+        "mt-2 flex items-center overflow-hidden pl-5 pr-2 transition-opacity duration-500",
         isVisible ? "opacity-100" : "h-0 opacity-0"
       )}
     >
       <Callout variant="info">
         <div className="flex flex-col gap-1">
           <Paragraph variant="small">
-            Runs usually start within 1 second in{" "}
+            Runs usually start within 2 seconds in{" "}
             <EnvironmentLabel environment={{ type: "DEVELOPMENT" }} />. Check you're running the
             CLI: <InlineCode className="whitespace-nowrap">npx trigger.dev@beta dev</InlineCode>
           </Paragraph>