diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2022-11-07 21:08:39 +0100 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2022-11-07 21:08:39 +0100 |
| commit | c1c0239984d78ab6045278a2036899c613d5f9c5 (patch) | |
| tree | 2d8fcd4f9bb3c6b8327ff2276c351e80797f9fbc | |
| parent | f6eac42abd792ba131e948b66aab5ba9bd7107b2 (diff) | |
add top-margin for train details
| -rw-r--r-- | sass/app.scss | 4 | ||||
| -rw-r--r-- | templates/_train_details.html.ep | 39 |
2 files changed, 24 insertions, 19 deletions
diff --git a/sass/app.scss b/sass/app.scss index a1f2d32..5ccf25c 100644 --- a/sass/app.scss +++ b/sass/app.scss @@ -560,6 +560,10 @@ div.app { } } + .details { + margin-top: 1em; + } + .mroute { .important-stop { color: $fg; diff --git a/templates/_train_details.html.ep b/templates/_train_details.html.ep index 2d61939..9ea3581 100644 --- a/templates/_train_details.html.ep +++ b/templates/_train_details.html.ep @@ -289,29 +289,30 @@ </ul> <!-- mroute --> % } % if ($departure->{operator}) { - <div>Betrieb: <%= $departure->{operator} %></div> + <div class="details">Betrieb: <%= $departure->{operator} %></div> % } % if ($departure->{details} and @{$departure->{details}}) { - Details: - <ul class="messages"> -% for my $pair (@{$departure->{details}}) { - <li> -% if ($pair->[1]{icon}) { - <i class="material-icons"><%= $pair->[1]{icon} %></i> + <div class="details">Details: + <ul> +% for my $pair (@{$departure->{details}}) { + <li> +% if ($pair->[1]{icon}) { + <i class="material-icons"><%= $pair->[1]{icon} %></i> +% } +%= $pair->[0] +% if (length($pair->[0]) > 25) { + <br/> +% } + <span class="reason"> +%= $pair->[1]{text} + </span> + </li> % } -%= $pair->[0] -% if (length($pair->[0]) > 25) { - <br/> +% if ($departure->{route_info}) { + <li><%= $departure->{route_info} %></li> % } - <span class="reason"> -%= $pair->[1]{text} - </span> - </li> -% } -% if ($departure->{route_info}) { - <li><%= $departure->{route_info} %></li> -% } - </ul> + </ul> + </div> % } % if ($departure->{has_cycle}) { <div class="db-attr"><a href="https://lib.finalrewind.org/dbdb/db_umlauf/<%= $departure->{train_no} %>.svg">Umlaufplan</a> |