UI: Refine trip planner spacing and typography

[ksharma-xyz]

TL;DR

Refined the visual design of the trip planner UI components and updated the Usual Ride screen layout.

What changed?

• Adjusted padding and spacing in the Origin/Destination component
• Modified the vertical spacing between stops in the SavedTripCard
• Updated the Usual Ride screen text styling and content
• Changed bottom button positioning to use navigation bar padding
• Removed redundant spacer in the bottom button section
• Updated "Let's set the vibe." to "Let's set the vibe!"
• Enhanced typography for the "Select a color" text

How to test?

1. Navigate to the Usual Ride screen
2. Verify the updated text and styling changes
3. Check the bottom button alignment with the navigation bar
4. Confirm the Origin/Destination component spacing looks correct
5. Review the SavedTripCard vertical spacing between stops

Why make this change?

These UI refinements improve the visual consistency and user experience across the app. The adjusted spacing and padding create a more polished look, while the updated text styling and navigation bar handling ensure better compatibility across different devices.

[ksharma-xyz]

• UI: Refine trip planner spacing and typography #399 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[ksharma-xyz]

Merge activity

• Nov 29, 8:06 PM EST: A user merged this pull request with Graphite.