refactor: simplify KanbanGridLayout and update KanbanTaskCard accessibility

- Removed padding from the main div in KanbanGridLayout for a cleaner layout.
- Updated aria-label and button text in KanbanTaskCard to improve clarity and user experience when disapproving tasks.
This commit is contained in:
iliya 2026-03-11 19:17:59 +02:00
parent 864d397810
commit 4fa739d887
2 changed files with 4 additions and 4 deletions

View file

@ -116,7 +116,7 @@ const LoadingKanbanGridLayout = ({
: buildDefaultItems(columns.length > 0 ? columns.map((column) => column.id) : ['todo']);
return (
<div className="p-1.5">
<div>
<div
className="grid gap-3"
style={{
@ -178,7 +178,7 @@ const LoadedKanbanGridLayout = ({
);
return (
<div className="p-1.5">
<div>
<WidthAwareGridLayout
className="kanban-grid-layout"
measureBeforeMount

View file

@ -470,13 +470,13 @@ export const KanbanTaskCard = ({
<Button
variant="outline"
size="sm"
aria-label={`Move task ${task.id} back to done`}
aria-label={`Disapprove task ${task.id}`}
onClick={(e) => {
e.stopPropagation();
onMoveBackToDone(task.id);
}}
>
Move back to DONE
Disapprove
</Button>
) : null}
</div>