use table layout for checkout station list

templates/checkin.html.ep

@@ -35,13 +35,20 @@
 	<div class="row">
 		<div class="col s12">
 			Weitere Route:
-			<ul>
+		</div>
-			% for my $station ($train->route_post) {
+	</div>
-				<li><%= $station %>
+	<div class="row">
-					(<a href="/a/checkout?station=<%= $station %>">hier auschecken</a>)
+		<div class="col s12">
-				</li>
+			<table>
-			% }
+				<tbody>
-			</ul>
+					% for my $station ($train->route_post) {
+						<tr>
+							<td><%= $station %></td>
+							<td><a href="/a/checkout?station=<%= $station %>">hier auschecken</a></td>
+						</tr>
+					% }
+				</tbody>
+			</table>
 		</div>
 	</div>
 % }

templates/landingpage.html.ep

@@ -8,14 +8,15 @@
 					<p>Du bist gerade eingecheckt in
 						<%= $status->{train_type} %> <%= $status->{train_no} %>
 						ab <%= $status->{station_name} %>.</p>
-					<p>Auschecken?
+					<p>Auschecken?</p>
-						<ul>
+					<table>
+						<tbody>
 							% my $is_after = 0;
 							% for my $station (@{$status->{route_after}}) {
-								<li><a href="/a/checkout?station=<%= $station %>"><%= $station %></a></li>
+								<tr><td><a href="/a/checkout?station=<%= $station %>"><%= $station %></a></td></tr>
 							% }
-						</ul>
+						</tbody>
-					</p>
+					</table>
 				</div>
 			</div>
 		% }