Add train route distance info

templates/macros.html

@@ -98,6 +98,8 @@
     | <a href="https://uk.flightaware.com/live/flight/{{ full_flight_number | replace("U2", "EZY") }}">FlightAware</a>
     | <a href="{{ radarbox_url }}">radarbox</a>
   </div>
+  <div class="grid-item">
+  </div>
 {% endmacro %}
 
 {% macro train_row(item) %}
@@ -131,4 +133,9 @@
       {% endif %}
     {% endfor %}
   </div>
+  <div class="grid-item text-end">
+    {% if item.distance %}
+      {{ "{:.1f} km / {:.1f} miles".format(item.distance, item.distance / 1.60934) }}
+    {% endif %}
+  </div>
 {% endmacro %}

templates/travel.html

@@ -5,14 +5,14 @@
 <style>
 .grid-container {
   display: grid;
-  grid-template-columns: repeat(8, auto);
+  grid-template-columns: repeat(9, auto);
   gap: 10px;
   justify-content: start;
 }
 
 .train-grid-container {
   display: grid;
-  grid-template-columns: repeat(8, auto);
+  grid-template-columns: repeat(9, auto);
   gap: 10px;
   justify-content: start;
 }

templates/trip_list.html

@@ -10,7 +10,7 @@
 
 {% set conference_column_count = 7 %}
 {% set accommodation_column_count = 7 %}
-{% set travel_column_count = 8 %}
+{% set travel_column_count = 9 %}
 <style>
 .conferences {
   display: grid;

templates/trip_page.html

@@ -25,7 +25,7 @@
 
 {% set conference_column_count = 7 %}
 {% set accommodation_column_count = 7 %}
-{% set travel_column_count = 8 %}
+{% set travel_column_count = 9 %}
 <style>
 .conferences {
   display: grid;