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:
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user