Adjust Roadmap page layout to match system right/left margins
We use 24px/1.5rem left and right padding on containers at larger viewport sizes, and 16px/1rem at smaller ones. However, this change was implemented after the layout of the roadmap page was created, so there is a discontinuity currently.
This issue proposes to make the following changes:
- Add the appropriate left and right margin to the roadmap header bar (24px when the viewport is >= 1200px, 16px otherwise)
- Add the appropriate left margin to the milestones and iterations sidebar on the roadmap view (24px when the viewport is >= 1200px, 16px (which is the current value) otherwise)
- Ensure that the horizontally scrollable roadmap area has the correct right margin, so that when the user has scrolled all the way to the right on the roadmap they see that the end of the content aligns with this system spacing (that is, 24px or 16px from the right edge of the viewport, depending on the viewport width as noted above)
Edited by Chad Lavimoniere