Correct Pin Outline Positioning

[seanparsons]

Problem:
The blue dashed line indicating the positioning of the element doesn't line up with the grid cell outlines.

Cause:
The dashed line is a border which is slightly shifting the elements used for those.

Fix:
The dashed lines have been shifted back towards the origin by half the thickness of the border.

Screenshot:

Commit Details:

• Shift pin outlines up and to the left by 0.5, scaled to the scale.

Manual Tests:
I hereby swear that:

• I opened a hydrogen project and it loaded
• I could navigate to various routes in Play mode

[github-actions]

Try me

[relativeci]

#14948 Bundle Size — 57.99MiB (~+0.01%).

05fac18(current) vs 916e8b9 master#14947(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #14948	Baseline #14947
Initial JS	40.97MiB(~+0.01%)	40.97MiB
Initial CSS	0B	0B
Cache Invalidation	18.01%	17.89%
Chunks	20	20
Assets	22	22
Modules	4152	4152
Duplicate Modules	213	213
Duplicate Code	27.33%	27.33%
Packages	477	477
Duplicate Packages	70	70

Bundle size by type   2 changes 1 regression 1 improvement

	Current #14948	Baseline #14947
JS	57.98MiB (~+0.01%)	57.98MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch fix/pin-outline-position Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}