fix: Alignment bug in new timetable

[joshlarson]

Scope

No ticket, but I just noticed that at certain browser widths (at a guess... even number of pixels? 1000px for instance), if you drag the new timetable scroll bar almost but not quite to the "Latest trips" end of the screen and then click Later <Vehicles>, it goes one pixel too far, and nudges the header with the Earlier/Later buttons out of alignment.

Implementation

• Prevent the buttons from nudging the scroll bar any further than the actual max scroll.

Screenshots

How to test

Navigate to the Harbor Loop Ferry Timetable page with a browser width of 1000px - on main, you should see the top bar get nudged a little - on this branch, you should see it stay put.

Try other routes and other browser widths!

[joshlarson]

This doesn't fully solve the issue - it's still possible to get the misalignment by resizing the browser window and positioning the scroll bar in a specific place.

But this at least solves the problem for the vast majority of cases that someone is likely to actually do 😅