From 779feade9f54cb472a6d22330aa12485284c3dd6 Mon Sep 17 00:00:00 2001
From: Timothy Cardoza <tcardoza@cardoza.construction>
Date: Fri, 6 Feb 2026 10:03:43 -0600
Subject: [PATCH] added task size guide text and ensured longer guidetext
 doesn't cause dropdowns to get pushed off the quick add card

---
 src/components/QuickEntry.tsx |  8 ++++----
 src/lib/constants.ts          | 22 +++++++++++-----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/QuickEntry.tsx b/src/components/QuickEntry.tsx
index 872ca4c..43435a7 100644
--- a/src/components/QuickEntry.tsx
+++ b/src/components/QuickEntry.tsx
@@ -289,8 +289,8 @@ export const QuickEntry: Component = () => {
                         {/* Scrollable content area */}
                         <div class="flex-1 overflow-y-auto overscroll-contain">
                             {/* Row 1: Priority, Size, Urgency */}
-                            <div class="flex flex-col md:flex-row items-stretch md:items-center p-4 gap-4 border-b border-border bg-muted/10">
-                                <div class="flex-1 space-y-1.5">
+                            <div class="flex flex-col md:flex-row flex-wrap items-stretch md:items-center p-4 gap-4 border-b border-border bg-muted/10">
+                                <div class="flex-1 min-w-0 md:min-w-[140px] space-y-1.5">
                                     <label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1">
                                         Priority <span class="text-destructive">*</span>
                                     </label>
@@ -322,7 +322,7 @@ export const QuickEntry: Component = () => {
                                     </Select>
                                 </div>
 
-                                <div class="flex-1 space-y-1.5">
+                                <div class="flex-1 min-w-0 md:min-w-[140px] space-y-1.5">
                                     <label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1">Size</label>
                                     <Select<any>
                                         value={size()}
@@ -352,7 +352,7 @@ export const QuickEntry: Component = () => {
                                     </Select>
                                 </div>
 
-                                <div class="flex-1 space-y-1.5">
+                                <div class="flex-1 min-w-0 md:min-w-[140px] space-y-1.5">
                                     <label class="text-[10px] font-bold uppercase tracking-wider text-muted-foreground ml-1">
                                         Urgency <span class="text-destructive">*</span>
                                     </label>
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 2552423..83c0f8a 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -37,15 +37,15 @@ export const URGENCY_HOURS: Record<number, number> = {
 };
 
 export const SIZE_OPTIONS = [
-    { value: "10", label: "10 - Huge" },
-    { value: "9", label: "9" },
-    { value: "8", label: "8" },
-    { value: "7", label: "7" },
-    { value: "6", label: "6" },
-    { value: "5", label: "5" },
-    { value: "4", label: "4" },
-    { value: "3", label: "3" },
-    { value: "2", label: "2" },
-    { value: "1", label: "1" },
-    { value: "0", label: "0 - Tiny" }
+    { value: "10", label: "10 - Multiple Days" },
+    { value: "9", label: "9 - More than a day" },
+    { value: "8", label: "8 - One day" },
+    { value: "7", label: "7 - Half a day" },
+    { value: "6", label: "6 - Two hours" },
+    { value: "5", label: "5 - One hour" },
+    { value: "4", label: "4 - Forty-Five minutes" },
+    { value: "3", label: "3 - Thirty minutes" },
+    { value: "2", label: "2 - Fifteen minutes" },
+    { value: "1", label: "1 - Five minutes" },
+    { value: "0", label: "0 - Less than a minute" }
 ];