Improve Add Task Dialog UI/UX

[Rustix69]

Is your feature request related to a problem? Please describe.

Yes. The current Add Task Dialog has poor UX: the narrow dialog (max-w-lg) causes a cramped layout with 12+ fields, excessive vertical scrolling due to fixed h-96 height, no visual hierarchy (all fields appear equally important), inconsistent grid layouts mixing grid-cols-4 and grid-cols-8, small date pickers that blend in, all fields displayed at once creating an overwhelming experience, and poor horizontal space utilization.

Current UI:

Describe the solution you'd like

Redesign the Add Task Dialog: widen the dialog panel (max-w-5xl or max-w-6xl), organize fields into Card sections (Essential Fields: Description, Priority, Project, Due Date; Dates: Start, End, Entry, Wait in a 2-column grid; Advanced: Tags, Annotations, Dependencies, Recur in an Accordion), create a clear hierarchy with essential fields prominent and advanced fields collapsible, remove the fixed height for natural flow with minimal scrolling, make date pickers larger and more prominent with better spacing, and match the shadcn/ui design system using Card and Accordion components.

Proposed UI:

Describe alternatives you've considered

1. Tabs instead of Accordion - But Accordion keeps advanced fields accessible while reducing clutter
2. Single column layout - Two-column for dates is better for space efficiency
3. Side-by-side panels - Too complex, current card grouping is cleaner
4. Stepped wizard - Breaks the single-form experience, users prefer all fields in one view

Related Files:

• frontend/src/components/HomeComponents/Tasks/AddTaskDialog.tsx

Available shadcn/ui components:

• Card, CardHeader, CardContent (for grouping)
• Accordion, AccordionItem, AccordionTrigger, AccordionContent (for advanced fields)
• Existing DatePicker and DateTimePicker components

[Rustix69]

@its-me-abhishek I think implementing this design will make the UX better. On approving I will start on it

[Neeraj-gagat]

hey @Rustix69 what did you use for design ??? can yo tell me??

[Neeraj-gagat]

@Rustix69 design looks cool by the way