Route display redesign, don't reload entire page on earlier/later

[Bertware]

Current situation:

• Search for a route
• Press the earlier/later button to load earlier/later trains

Result:

• The whole page changes into a loading indicator and refreshes the entire search result

Possible improvement:

• Only add the new trains before/after the current results instead of refreshing everything.

Furthermore, the earlier/later buttons could be put above and below the results. This way, if you scroll up or down to see more results, you reach the button (which would be as wide as a result). Another option is to append the results with later trains when the bottom of the page is reached. If desired, the earliest/latest buttons could be kept, or they could be dropped in favor of simplicity.

The free space at the side (were the earlier/later buttons were) could now be used for the route planner input. This way, it could scroll along when you browse the results.

@xavez this is your field of expertise

[Bertware]

Current: Suggested:

On smaller screens, the planner would still be on top. Also, on smaller (smartphone) screens, the previous/later buttons would prove their value, as users would always have the buttons on screen when they need them. (when at the end of the results list)

Current mobile: Suggested mobile:

[pietercolpaert]

Looks better imo!