Edit icon covers text in task details #431
Description
UI Bug: Edit Button Overlaps Description Text
Description
In the Task Details modal, the edit (pencil) button overlaps with the task description text. This causes part of the text to be hidden and affects readability.
Steps to Reproduce
- Open the application
- Navigate to Tasks (
/home#tasks) - Click on any task to open the Task Details modal
- Observe the Description field
Expected Behavior
The edit button should be positioned in a way that does not overlap the description text (e.g., aligned to the right with proper spacing).
Actual Behavior
The edit icon overlaps the description text inside the modal.
Screenshot
Environment
- OS: Windows 10
- Browser: Brave (Chromium-based)
- Version: Latest
Possible Fix
- Add right padding to the description container
- Or place the edit icon outside the text flow using flex layout
(display: flex; justify-content: space-between; align-items: center;)