diff --git a/src/app/components/board/board.component.scss b/src/app/components/board/board.component.scss index c463c15..b2ed4b4 100644 --- a/src/app/components/board/board.component.scss +++ b/src/app/components/board/board.component.scss @@ -222,6 +222,7 @@ section { display: flex; width: calc(100vw - 85px); overflow-x: auto; + padding: 0 5px; } app-task { diff --git a/src/app/components/board/board.component.ts b/src/app/components/board/board.component.ts index ae92224..bb5d736 100644 --- a/src/app/components/board/board.component.ts +++ b/src/app/components/board/board.component.ts @@ -45,8 +45,11 @@ export class BoardComponent { const index = this.taskService.allTasks.findIndex((task) => task.id === id); if (index !== -1) { this.taskService.allTasks[index].status = status; - if (this.taskService.filteredTasks.length > 0) { - this.taskService.filteredTasks[index].status = status; + const filteredIndex = this.taskService.filteredTasks.findIndex( + (task) => task.id === id + ); + if (filteredIndex !== -1) { + this.taskService.filteredTasks[filteredIndex].status = status; } this.taskService.updateTask(id, index); }