From 41ea0387d73b82f61ccf9a5bc50563e7f7c22a46 Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Mon, 5 Jan 2026 20:34:30 -0800
Subject: [PATCH] Sizing cleanup

---
 .../extensions/linearMode/DropZone.vue        | 51 ++++++++++---------
 src/views/LinearView.vue                      |  6 +--
 2 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/src/renderer/extensions/linearMode/DropZone.vue b/src/renderer/extensions/linearMode/DropZone.vue
index f89c4db54..093bc6bd8 100644
--- a/src/renderer/extensions/linearMode/DropZone.vue
+++ b/src/renderer/extensions/linearMode/DropZone.vue
@@ -16,37 +16,38 @@ defineProps<{
 const canAcceptDrop = ref(false)
 </script>
 <template>
-  <drop-wrapper
-    v-if="onDragOver && onDragDrop"
-    :class="
-      cn(
-        'rounded-lg ring-inset ring-primary-500',
-        canAcceptDrop && 'ring-4 bg-primary-500/10'
-      )
-    "
-    @dragover.prevent="(e: DragEvent) => (canAcceptDrop = onDragOver!(e))"
-    @dragleave="canAcceptDrop = false"
-    @drop.stop.prevent="
-      (e: DragEvent) => {
-        onDragDrop!(e)
-        canAcceptDrop = false
-      }
-    "
-  >
-    <!--Slot is wrapped to ensure it's last and doesn't have border-->
-    <div><slot /></div>
+  <drop-wrapper v-if="onDragOver && onDragDrop">
     <div
-      v-if="dropIndicator"
       :class="
         cn(
-          'flex flex-col items-center align-center border-dashed rounded-lg border grow-1 w-full border-border-subtle my-3 py-2',
-          dropIndicator?.onClick && 'cursor-pointer'
+          'rounded-lg ring-inset ring-primary-500',
+          canAcceptDrop && 'ring-4 bg-primary-500/10'
         )
       "
-      @click.prevent="(e: MouseEvent) => dropIndicator!.onClick?.(e)"
+      @dragover.prevent="(e: DragEvent) => (canAcceptDrop = onDragOver!(e))"
+      @dragleave="canAcceptDrop = false"
+      @drop.stop.prevent="
+        (e: DragEvent) => {
+          onDragDrop!(e)
+          canAcceptDrop = false
+        }
+      "
     >
-      <span v-if="dropIndicator.label" v-text="dropIndicator.label" />
-      <i v-if="dropIndicator.iconClass" :class="dropIndicator.iconClass" />
+      <!--Slot is wrapped to ensure it's last and doesn't have border-->
+      <div><slot /></div>
+      <div
+        v-if="dropIndicator"
+        :class="
+          cn(
+            'flex flex-col items-center justify-center gap-2 border-dashed rounded-lg border h-25 w-full border-border-subtle my-3 py-2',
+            dropIndicator?.onClick && 'cursor-pointer'
+          )
+        "
+        @click.prevent="(e: MouseEvent) => dropIndicator!.onClick?.(e)"
+      >
+        <span v-if="dropIndicator.label" v-text="dropIndicator.label" />
+        <i v-if="dropIndicator.iconClass" :class="dropIndicator.iconClass" />
+      </div>
     </div>
   </drop-wrapper>
   <slot v-else />
diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
index f966019b7..22002016e 100644
--- a/src/views/LinearView.vue
+++ b/src/views/LinearView.vue
@@ -584,7 +584,7 @@ useEventListener(document.body, 'keydown', (e: KeyboardEvent) => {
         </Button>
         <div
           v-if="!jobToastTimeout || !jobFinishedQueue"
-          class="absolute right-0 bottom-0 bg-base-foreground text-base-background rounded-sm flex h-8 p-1 pr-2 gap-2 items-center"
+          class="absolute right-4 bottom-4 bg-base-foreground text-base-background rounded-sm flex h-8 p-1 pr-2 gap-2 items-center"
         >
           <i
             v-if="jobFinishedQueue"
@@ -618,11 +618,11 @@ useEventListener(document.body, 'keydown', (e: KeyboardEvent) => {
               :on-drag-over="nodeData.onDragOver"
               :on-drag-drop="nodeData.onDragDrop"
               :drop-indicator="nodeData.dropIndicator"
-              class="border-b-1 border-node-component-border last:border-none"
+              class="border-b-1 border-node-component-border last:border-none text-muted-foreground"
             >
               <NodeWidgets
                 :node-data
-                class="border-b-1 border-node-component-border pt-1 pb-2 last:border-none **:[.col-span-2]:grid-cols-1 not-has-[textarea]:flex-0"
+                class="border-b-1 border-node-component-border py-3 last:border-none **:[.col-span-2]:grid-cols-1 not-has-[textarea]:flex-0 gap-y-3"
               />
             </DropZone>
           </linear-widgets>