diff --git a/web/style.css b/web/style.css index 9f3c69e..66b9e7c 100644 --- a/web/style.css +++ b/web/style.css @@ -30,6 +30,8 @@ body { color: white; display: none; + + overflow: scroll; } #journeys-search { @@ -54,6 +56,10 @@ body { margin-bottom: 20px; } +.popup h1 { + margin-bottom: 30px; +} + .popup input { color: white; } diff --git a/web/trip-details.js b/web/trip-details.js index e7e24d7..3c9640f 100644 --- a/web/trip-details.js +++ b/web/trip-details.js @@ -11,6 +11,10 @@ export function displayTripDetails(trip_id) { fetchTrip(trip_id).then(result => { element_response.innerText = ""; + let el_headline = EL("h1", {}); + el_headline.innerText = result.trip.line.name + ": " + result.trip.destination.name; + element_response.appendChild(el_headline); + for (let stopover of result.trip.stopovers) { let el = EL("div", {}); el.innerText = stopover.stop.name;