templates/trip.html

changeset 55
0f1d046b3f78
parent 53
1c934953c3e6
child 90
36efdea68d03
--- 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 %}
-	&#127769;&nbsp;
-	{% endif %}
-	🚍 {{route}} {{description}}</h1>
 	<table class='aikataulu' cellspacing='0'>
+	<thead>
+		<tr>
+			<th class='primary-heading' colspan='3'>
+			<span class='primary-heading-symbols'>
+			{% if night %}
+			&#127769;&nbsp;
+			{% 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>

mercurial