Centre-align MapPin price text under provider name

Visually reviewed in Storybook — left-aligned price looked unbalanced.
Centring both lines makes the pin read as a cohesive label rather
than a misaligned mini card.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-06 20:46:15 +10:00
parent 2b9aeaf8ef
commit 86df44496f

View File

@@ -136,7 +136,7 @@ export const MapPin = React.forwardRef<HTMLDivElement, MapPinProps>(
sx={{ sx={{
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
alignItems: 'flex-start', alignItems: 'center',
maxWidth: MAX_WIDTH, maxWidth: MAX_WIDTH,
py: 0.5, py: 0.5,
px: PIN_PX, px: PIN_PX,