stefankoelle/mvg-departures
1
0
Fork 0
mirror of https://github.com/skoelle/mvg-departures.git synced 2026-09-17 18:40:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix layout

Browse Source
This commit is contained in:
stefankoelle
2026-08-01 21:40:24 +02:00
parent cd8091e554
commit 2e0249329b
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/index.html
+11 -10
View File
@@ -8,16 +8,16 @@
</head> </head>
<body> <body>
<div style="max-width: 375px; margin: 0 auto; width: 100%;"> <div style="max-width: 375px; margin: 0 auto; width: 100%;">
<h1>Abfahrten <span class="updated">Stand: {{ generated_at }}</span></h1> <h1>Abfahrten <span class="updated">{{ generated_at }}</span></h1>
{% if departures %} {% if departures %}
<table> <table>
{% for d in departures %} {% for d in departures %}
<tr> <tr>
<td style="width:34px;"><span class="icon icon-{{ d.icon }}">{{ d.icon }}</span></td> <td style="width:34px;"><span class="icon icon-{{ d.icon }}">{{ d.icon }}</span></td>
<td> <td>
<div style="display: flex; flex-wrap: wrap; align-items: baseline;"> <div style="display: flex; align-items: baseline; gap: 4px;">
<span class="line">{{ d.line }}</span> <span class="line">{{ d.line }}</span>
<span class="destination"> {{ d.destination }}</span> <span class="destination">{{ d.destination }}</span>
</div> </div>
<span class="station">{{ d.station }}</span> <span class="station">{{ d.station }}</span>
</td> </td>
@@ -99,17 +99,18 @@ td {
.line { .line {
font-weight: 700; font-weight: 700;
font-size: 18px; font-size: 18px;
display: block;
}
.station {
font-size: 14px;
color: #6b7280;
} }
.destination { .destination {
font-size: 18px; font-size: 18px;
} }
.station {
font-size: 14px;
color: #6b7280;
margin-top: 2px;
display: block;
}
.time { .time {
text-align: right; text-align: center;
white-space: nowrap; white-space: nowrap;
font-weight: 700; font-weight: 700;
font-size: 20px; font-size: 20px;
@@ -151,7 +152,7 @@ td {
margin: 4px 0 8px 4px; margin: 4px 0 8px 4px;
} }
.updated { .updated {
font-size: 12px; font-size: 20px;
} }
td { td {
padding: 8px 4px; padding: 8px 4px;