View layout fixes from task sorting animations

2026-03-04 12:42:38 -06:00
parent 214c050c8f
commit 50ccbbc564
6 changed files with 12 additions and 12 deletions
@@ -28,10 +28,10 @@ export const PriorityView: Component = () => {
                <p class="text-muted-foreground mt-1 text-lg">Your tasks ordered by priority.</p>
            </header>

-            <div class="grid gap-3" ref={listRef}>
+            <div class="grid grid-cols-1 gap-3 w-full" ref={listRef}>
                <For each={displayedTasks()}>
                    {(task) => (
-                        <div class="animate-task-enter">
+                        <div class="animate-task-enter w-full min-w-0">
                            <TaskCard task={task} isShaking={shakingTaskIds().includes(task.id)} />
                        </div>
                    )}