--- a/templates/trip.html Thu Aug 31 21:30:34 2017 +0300 +++ b/templates/trip.html Sun Sep 03 14:10:38 2017 +0300 @@ -23,6 +23,10 @@ } .nested-schedule td { + background: rgba(0, 0, 0, 0.25) + } + .nested-schedule td + { margin-left: 0; margin-right: 0; padding-left: 5px; @@ -38,11 +42,6 @@ { text-align: right; } - - .aikataulu - { - margin-top: 30pt; - } </style> <script> function toggle_fold(id) @@ -57,17 +56,26 @@ <title>{{route}} {{description}}</title> </head> <body> - <h1> - {% if night %} - 🌙 - {% endif %} - 🚍 {{route}} {{description}}</h1> <table class='aikataulu' cellspacing='0'> + <thead> + <tr> + <th class='primary-heading' colspan='3'> + <span class='primary-heading-symbols'> + {% if night %} + 🌙 + {% endif %} + 🚍 + </span> + <span>{{route}} {{description}}</span> + </th> + </tr> <tr> <th class='sarake-aika'>Aika</th> <th class='sarake-alue'>Alue</th> <th class='sarake-matkapituus'>{{'%.1f' % length}}km</th> </tr> + </thead> + <tbody> {% for entry in schedule %} <tr> <td class='sarake-aika' style='vertical-align: top'>{{entry['time']}}</td> @@ -85,6 +93,7 @@ </td> </tr> {% endfor %} + </tbody> </table> </body> </html>