--- a/templates/cluster.html Sun Jun 11 01:28:25 2017 +0300
+++ b/templates/cluster.html Tue Jun 13 00:47:24 2017 +0300
@@ -5,21 +5,30 @@
<meta charset='UTF-8' />
<title>{{nimi}}</title>
<style>
- p { text-align: center }
+ div.stops-in-cluster
+ {
+ margin-left: auto;
+ margin-right: auto;
+ }
+ div.stops-in-cluster ul
+ {
+ columns: 3;
+ }
</style>
</head>
<body>
- <h1>{{nimi}}</h1>
+ <h1><img src="/static/iso-pysäkki.png" height="96" /> <span>{{nimi}}</span></h1>
<p id="pysäkki-info">
<a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a>
</p>
- <p>Pysäkit ryhmässä:
- <ul>
- {% for stop in stops_in_cluster %}
- <li><a href="/pysäkki/{{stop['id']}}">{{stop['id']}} {{stop['name']}}</a></li>
- {% endfor %}
- </ul>
- </p>
+ <p>Pysäkit ryhmässä:</p>
+ <div class="stops-in-cluster">
+ <ul>
+ {% for stop in stops_in_cluster %}
+ <li><a href="/pysäkki/{{stop['id']}}"><img src="/static/pysäkki.png" height="24" /> {{stop['id']}} {{stop['name']}}</a></li>
+ {% endfor %}
+ </ul>
+ </div>
<table id='aikataulu' cellspacing="0">
<tr>
<th class='sarake-aika'>{{tr('time', 'headings')}}</th>
@@ -37,7 +46,7 @@
<a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a>
</td>
<td class='sarake-pysäkki'>
- <a href="/pysäkki/{{rivi['stop_id']}}">{{rivi['stop_id']}}</a>
+ <a href="/pysäkki/{{rivi['stop_id']}}"><img src="/static/pysäkki.png" height="24" /> {{rivi['stop_id']}}</a>
</td>
</tr>
{% endfor %}