Skip to content

Improve finish page layout for departure and arrival#704

Merged
rzueger merged 1 commit intodevelopfrom
improve/finish-page-layout
Apr 16, 2026
Merged

Improve finish page layout for departure and arrival#704
rzueger merged 1 commit intodevelopfrom
improve/finish-page-layout

Conversation

@rzueger
Copy link
Copy Markdown
Member

@rzueger rzueger commented Apr 16, 2026

Summary

  • Green checkmark heading for success state (replaces oversized plain text)
  • Fee info grouped in a card with subtle border and background
  • Vertically centered content with max-width constraint
  • Compact details trigger button (narrower, smaller font)
  • Consistent action button sizing across departure and arrival
  • Hover effect (shadow) on clickable ImageButtons
  • Payment success message uses the same Heading component
  • Departure finish reuses arrival finish Wrapper and Heading

Test plan

  • npm test — 1775 tests pass
  • npm run typecheck — clean
  • Departure finish page — green heading, centered layout, hover on Beenden
  • Arrival finish with payment — info card, payment flow, consistent heading
  • Arrival finish without payment — FinishActions with hover
  • Mobile — responsive layout

Tighten spacing, add visual structure, and unify styling
across departure and arrival finish screens.

- Green checkmark heading for success state
- Fee info grouped in a subtle card (border + background)
- Vertically centered layout with max-width content
- Compact details trigger button
- Consistent action button sizing across both wizards
- Hover effect on clickable ImageButtons (shadow, inline)
- Payment success message uses same heading component
- Departure finish reuses arrival finish layout components
@rzueger rzueger merged commit 9062d19 into develop Apr 16, 2026
2 checks passed
@rzueger rzueger deleted the improve/finish-page-layout branch April 16, 2026 18:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant