1. Task ID: 95
Make pretty
2. Task ID: 96
Add a visible, functional Cancel button to the task creation/editing form so users can discard changes and return to the previous view without saving.
- Add a Cancel button adjacent to the existing Save/Submit button in the task form UI.
- The button must be labeled exactly Cancel.
- Clicking Cancel discards any unsaved changes to the form fields (do not persist partial input).
- After clicking Cancel, navigate the user back to the previous view (e.g., the task list or detail view they came from), using the router's back navigation or an equivalent history pop.
- The Cancel button must be visually distinct from the primary Save/Submit button (e.g., secondary or outlined style, not the same filled primary color).
- The Cancel button must be accessible via keyboard (focusable, activatable with Enter/Space) and have an appropriate
type="button"attribute so it does not accidentally submit the form. - No confirmation dialog is required; Cancel navigates away immediately.
Done when:
- A button with the exact label "Cancel" appears in the task form alongside the Save/Submit button.
- Clicking Cancel does not save or persist any form data entered during that session.
- Clicking Cancel returns the user to the previous view without errors.
- The Cancel button uses a secondary/non-primary visual style, clearly distinguishable from the Save/Submit button.
- The button has
type="button"(or equivalent) so it does not trigger form submission. - The button is keyboard-accessible and works correctly via keyboard navigation.
3. Task ID: 97
Make better