Fix inconsistent spacing and alignment on Error Detail Page on mobile
Problem
There are several issues with spacing and alignment in the mobile viewport for the error detail page.
Current Error Detail on Mobile |
---|
Solution
Fix the following inconsistencies |
---|
- The
errors
text is overrunning the edges of the container. Text should stay within the container. - The
Reported 23 hours ago...
text should be aligned with the rest of the elements along the left edge, and it should be vertically centered between the divider lines. - I'd bring the Sentry event link closer to the label, to establish better visual hierarchy and make the link more connected to the label. Hard to say the distance there currently, but if it's 8px, I'd make it 4. If it's 16px, I'd make it 8px.
Refer to Sketch Measure and designs on the Cloud to get more granular spacing and alignment specs if needed.