From 6e961420aa78b2131d640c6fe00541f9a0b0ebd9 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Fri, 8 Mar 2019 18:02:18 +0100
Subject: [PATCH] departures: Add hint (tap == checkin)

---
 templates/departures.html.ep | 59 +++++++++++++++++++-----------------
 1 file changed, 31 insertions(+), 28 deletions(-)

diff --git a/templates/departures.html.ep b/templates/departures.html.ep
index be2c7cd..6a6f159 100644
--- a/templates/departures.html.ep
+++ b/templates/departures.html.ep
@@ -32,34 +32,37 @@
 	</div>
 </div>
 <div class="row">
-	<table class="striped">
-		<thead>
-			<tr>
-				<th>Zug</th>
-				<th></th>
-				<th>Abfahrt</th>
-			</tr>
-		</thead>
-		<tbody>
-			% for my $result (@{$results}) {
+	<div class="col s12">
+		Zug auswählen zum Einchecken.<br/>
+		<table class="striped">
+			<thead>
 				<tr>
-					<td>
-						<a class="action-checkin" data-station="<%= $ds100 %>" data-train="<%= $result->train_id %>">
-							<%= $result->line %>
-						</a>
-					</td>
-					<td>
-						<a class="action-checkin" data-station="<%= $ds100 %>" data-train="<%= $result->train_id %>">
-							<%= $result->destination %>
-						</a>
-					</td>
-					<td><%= $result->departure->strftime('%H:%M') %>
-						% if ($result->departure_delay) {
-							(+<%= $result->departure_delay %>)
-						% }
-					</td>
+					<th>Zug</th>
+					<th></th>
+					<th>Abfahrt</th>
 				</tr>
-			% }
-		</tbody>
-	</table>
+			</thead>
+			<tbody>
+				% for my $result (@{$results}) {
+					<tr>
+						<td>
+							<a class="action-checkin" data-station="<%= $ds100 %>" data-train="<%= $result->train_id %>">
+								<%= $result->line %>
+							</a>
+						</td>
+						<td>
+							<a class="action-checkin" data-station="<%= $ds100 %>" data-train="<%= $result->train_id %>">
+								<%= $result->destination %>
+							</a>
+						</td>
+						<td><%= $result->departure->strftime('%H:%M') %>
+							% if ($result->departure_delay) {
+								(+<%= $result->departure_delay %>)
+							% }
+						</td>
+					</tr>
+				% }
+			</tbody>
+		</table>
+	</div>
 </div>