--- a/templates/trip.html	Tue Aug 29 21:01:57 2017 +0300
+++ b/templates/trip.html	Thu Aug 31 21:28:22 2017 +0300
@@ -33,6 +33,16 @@
 		border-radius: 10px;
 		margin-top: 10px;
 	}
+	
+	.sarake-matkapituus
+	{
+		text-align: right;
+	}
+	
+	.aikataulu
+	{
+		margin-top: 30pt;
+	}
 	</style>
 	<script>
 	function toggle_fold(id)
@@ -52,16 +62,16 @@
 	&#127769;&nbsp;
 	{% endif %}
 	🚍 {{route}} {{description}}</h1>
-	<p style="text-align: center">Ajomatka: {{'%.1f' % length}}km</p>
 	<table class='aikataulu' cellspacing='0'>
 		<tr>
 			<th class='sarake-aika'>Aika</th>
 			<th class='sarake-alue'>Alue</th>
+			<th class='sarake-matkapituus'>{{'%.1f' % length}}km</th>
 		</tr>
 		{% for entry in schedule %}
 		<tr>
 			<td class='sarake-aika' style='vertical-align: top'>{{entry['time']}}</td>
-			<td class='sarake-alue folded' id="region-schedule-{{entry['index']}}">
+			<td class='sarake-alue folded' id="region-schedule-{{entry['index']}}" colspan='2'>
 				<a class="region-name" href="javascript:toggle_fold('region-schedule-{{entry['index']}}')">{{entry['name']}}</a>
 				<table class="nested-schedule" cellspacing="0">
 				{% for halt in entry['stops'] %}