show infobox in destination list

sass/src/common/index.scss

@@ -22,6 +22,18 @@ a.unmarked {
   color: $off-black;
 }
 
+div.targetlist {
+  display: grid;
+  grid-template-columns: 1fr max-content;
+  align-items: center;
+  > a.nonflex {
+    padding-left: 1em;
+    padding-top: 1em;
+    padding-bottom: 1em;
+    display: inline-block;
+  }
+}
+
 a.tablerow {
   display: flex;
   justify-content: space-between;

templates/_checked_in.html.ep

@@ -310,7 +310,12 @@
 			<div class="card-content">
 				<i class="material-icons small right sync-failed-marker grey-text" style="display: none;">sync_problem</i>
 				<span class="card-title">Ziel ändern?</span>
-				<p>
+				% if ($user->{sb_template}) {
+					<div class="targetlist">
+				% }
+				% else {
+					<p>
+				% }
 				% for my $station (@{$journey->{route_after}}) {
 					% my $is_dest = ($journey->{arr_name} and $station->[0] eq $journey->{arr_name});
 						<a class="action-checkout tablerow" style="<%= $is_dest? 'font-weight: bold;' : '' %>" data-station="<%= $station->[0] %>">
@@ -325,8 +330,16 @@
 							<span>Zusatzhalt</span>
 						% }
 					</a>
+					% if ($user->{sb_template}) {
+						<a class="nonflex" href="<%= resolve_sb_template($user->{sb_template}, name => $station->[0], eva => $station->[1]{eva}) %>"><i class="material-icons tiny">info</i></a>
+					% }
+				% }
+				% if ($user->{sb_template}) {
+					</div>
+				% }
+				% else {
+					</p>
 				% }
-				</p>
 				<p>
 					Falls das Backend ausgefallen ist oder der Zug aus anderen
 					Gründen verloren ging: <a class="action-checkout"

templates/account.html.ep

@@ -147,7 +147,7 @@
 					% }
 				</td>
 			</tr>
-			<!-- <tr>
+			<tr>
 				<th scope="row">Externe Dienste</th>
 				<td>
 					<a href="/account/services"><i class="material-icons">edit</i></a>
@@ -158,7 +158,7 @@
 						<span style="color: #999999;">Keine</span>
 					% }
 				</td>
-			</tr> -->
+			</tr>
 			<tr>
 				<th scope="row">Registriert am</th>
 				<td><%= $acc->{registered_at}->strftime('%d.%m.%Y %H:%M') %></td>