From 0b8d9facbb8ed18c3ad7c178cc9a8939186bb550 Mon Sep 17 00:00:00 2001
From: Britannio Jarrett <33752528+britannio@users.noreply.github.com>
Date: Mon, 20 Oct 2025 18:03:38 +0100
Subject: [PATCH] flip todos arrow direction (vibe-kanban) (#1068)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fixed! Changed the chevron rotation from `rotate-180` to `-rotate-180` in [TodoPanel.tsx](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/2141-todos-chevron-ic/frontend/src/components/tasks/TodoPanel.tsx#L45), so it now rotates in the opposite direction when expanding.

* Fixed! Changed from `ChevronDown` to `ChevronUp` in [TodoPanel.tsx](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/2141-todos-chevron-ic/frontend/src/components/tasks/TodoPanel.tsx). Now when minimized, the chevron points up (↑), and when expanded, it rotates to point down (↓).
---
 frontend/src/components/tasks/TodoPanel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/tasks/TodoPanel.tsx b/frontend/src/components/tasks/TodoPanel.tsx
index 5e47e34d..001dccc5 100644
--- a/frontend/src/components/tasks/TodoPanel.tsx
+++ b/frontend/src/components/tasks/TodoPanel.tsx
@@ -1,4 +1,4 @@
-import { Circle, Check, CircleDot, ChevronDown } from 'lucide-react';
+import { Circle, Check, CircleDot, ChevronUp } from 'lucide-react';
 import { useEntries } from '@/contexts/EntriesContext';
 import { usePinnedTodos } from '@/hooks/usePinnedTodos';
 import { Card } from '../ui/card';
@@ -40,7 +40,7 @@ function TodoPanel() {
       <summary className="list-none cursor-pointer">
         <Card className="bg-muted p-3 text-sm flex items-center justify-between">
           <span>{t('todos.title', { count: todos.length })}</span>
-          <ChevronDown
+          <ChevronUp
             aria-hidden
             className="h-4 w-4 text-muted-foreground transition-transform group-open:rotate-180"
           />