UI - Tombstone ux updates
- Dominant language
- JavaScript
- Stars
- 23
- Forks
- 62
- Avg merge
- 24m
- Merged PRs (30d)
- 1
Description
Arrow icons are fine as they are.
Bigger issue is the spacing and sizing
Bottom/top padding for the whole tombstone - this padding should stay consistent at 40px

left spacing between tombstone elements:

The context for the badge should not be placed beside the company type (as in the example below in red showing "active until..") but rather beside the badge as indicated here with spacing:

**Responsive behaviour is documented here** (currently the tombstone is not responsive under 1024px breakpoint):
https://www.figma.com/design/igaZgN1ZaHwM7pJPb8Bu9Y/Dashboard?node-id=2748-10820&t=w1hQY2iL8DIjDYD9-1
_**Previous feedback---------**_
Header info spacing and error style
_Note, review should take place to determine if there is value in change. Nuxt out of the box components will be different, for instance arrow style, so unless we identify a need to be met such as accessibility we should leverage what exists without customization._
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by locating the tombstone UI component and compare its current layout with the linked Figma design. Check the 40px top and bottom padding, spacing between elements, badge context placement, and behavior below the 1024px breakpoint. Done means the layout matches the documented responsive design.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100