Files
flights_web_raw/apps/react
gnezim 7eebdf3c4b fix: align React CSS with Angular pixel-perfect layout
- Convert page-layout from CSS Grid to Flexbox to match Angular layout structure
  - Use flex-direction: row with sticky left sidebar positioning
  - Apply exact sidebar width (285px) and spacing (1.5% margin-right)
  - Implement responsive breakpoints matching Angular media queries
  - Set max-width: 1440px container with proper padding

- Standardize route-filter spacing using Angular spacing variables
  - Update gap values: 16px → 10px (match $space-m)
  - Update padding: 16px 0 → 20px (full padding around content)
  - Update label margins: 8px gap → proper Angular spacing
  - Adjust trip options gap: 16px → 20px ($space-xl)
  - Update passenger/cabin controls gaps and padding to match Angular

- Fix online-board-filter accordion padding
  - Remove top padding (5px → 0) for proper accordion content spacing
  - Keep side/bottom padding at 20px to match Angular layout

This fixes paddings, margins, labels positioning, and gaps to achieve pixel-perfect parity with Angular.
2026-04-06 10:27:23 +03:00
..