Resolve "Fix alignments in work items"
What does this MR do and why?
Fixes alignment issues called out by @seggenberger in #431605 (closed) for consistency. Also adds a missing button tooltip and fixes an issue that caused some buttons not to show on touch screens.
Screenshots or screen recordings
Note: all After images below (except the mobile one) include hover on one of the items to make it easier to see spacing.
Tasks
Tasks used too much vertical spacing. the horizontal dividers were also removed.
| Before | After |
|---|---|
 |
 |
The Remove button on tasks also was missing a tooltip:
| Before | After |
|---|---|
 |
 |
On touch devices, Tasks also do not show the remove X button since the preference of the Plan team is to only show them on focus/hover. I added a quick boolean to ensure that they are shown by default on touch screens:
| Before | After |
|---|---|
 |
 |
Child objectives and key results
Wrong alignment and spacing used
| header | header |
|---|---|
 |
 |
Also wrong alignment on right side (and spacing) when there is a hierarchy
| header | header |
|---|---|
 |
 |
How to set up and validate locally
- Check out this branch locally
- Navigate to an issue with Tasks
- Navigate to an Objective with child objectives
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #431605 (closed)