From 3e1c8a1c06601dd0faaa15116eb0d4d0f59c8cdc Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Thu, 8 Jan 2026 10:12:19 -0800
Subject: [PATCH] Move run button up, fix font color

---
 .../extensions/linearMode/LinearWorkflow.vue  | 59 +++++++++----------
 src/views/LinearView.vue                      |  2 +-
 2 files changed, 29 insertions(+), 32 deletions(-)

diff --git a/src/renderer/extensions/linearMode/LinearWorkflow.vue b/src/renderer/extensions/linearMode/LinearWorkflow.vue
index 130b5a68d..09d49d1dc 100644
--- a/src/renderer/extensions/linearMode/LinearWorkflow.vue
+++ b/src/renderer/extensions/linearMode/LinearWorkflow.vue
@@ -137,6 +137,34 @@ defineExpose({ runButtonClick })
 </script>
 <template>
   <div>
+    <linear-run-button class="p-4 pb-6 border-t border-node-component-border">
+      <WidgetInputNumberInput
+        v-model="batchCount"
+        :widget="batchCountWidget"
+        class="*:[.min-w-0]:w-24 grid-cols-[auto_96px]!"
+      />
+      <SubscribeToRunButton v-if="!isActiveSubscription" class="w-full mt-4" />
+      <div v-else class="flex mt-4 gap-2">
+        <Button
+          variant="primary"
+          class="grow-1"
+          size="lg"
+          @click="runButtonClick"
+        >
+          <i class="icon-[lucide--play]" />
+          {{ t('menu.run') }}
+        </Button>
+        <Button
+          v-if="!executionStore.isIdle"
+          variant="destructive"
+          size="lg"
+          class="w-10 p-2"
+          @click="commandStore.execute('Comfy.Interrupt')"
+        >
+          <i class="icon-[lucide--x]" />
+        </Button>
+      </div>
+    </linear-run-button>
     <linear-workflow-info
       class="h-12 border-x border-border-subtle py-2 px-4 gap-2 bg-comfy-menu-bg flex items-center"
     >
@@ -176,37 +204,6 @@ defineExpose({ runButtonClick })
           </DropZone>
         </template>
       </linear-widgets>
-      <linear-run-button class="p-4 pb-6 border-t border-node-component-border">
-        <WidgetInputNumberInput
-          v-model="batchCount"
-          :widget="batchCountWidget"
-          class="*:[.min-w-0]:w-24 grid-cols-[auto_96px]!"
-        />
-        <SubscribeToRunButton
-          v-if="!isActiveSubscription"
-          class="w-full mt-4"
-        />
-        <div v-else class="flex mt-4 gap-2">
-          <Button
-            variant="primary"
-            class="grow-1"
-            size="lg"
-            @click="runButtonClick"
-          >
-            <i class="icon-[lucide--play]" />
-            {{ t('menu.run') }}
-          </Button>
-          <Button
-            v-if="!executionStore.isIdle"
-            variant="destructive"
-            size="lg"
-            class="w-10 p-2"
-            @click="commandStore.execute('Comfy.Interrupt')"
-          >
-            <i class="icon-[lucide--x]" />
-          </Button>
-        </div>
-      </linear-run-button>
     </div>
   </div>
   <teleport v-if="!jobToastTimeout || !jobFinishedQueue" defer :to="toastTo">
diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
index f031abab3..ebae99869 100644
--- a/src/views/LinearView.vue
+++ b/src/views/LinearView.vue
@@ -42,7 +42,7 @@ const linearWorkflowRef = useTemplateRef('linearWorkflowRef')
     </div>
     <div
       v-if="mobileDisplay"
-      class="overflow-y-auto contain-size w-full h-full"
+      class="overflow-y-auto w-full h-full text-muted-foreground"
     >
       <OutputHistory
         ref="outputHistoryRef"