--- a/templates/trip.html Thu Sep 13 22:25:16 2018 +0300 +++ b/templates/trip.html Thu Sep 13 22:46:20 2018 +0300 @@ -60,6 +60,10 @@ background-color: #e0e0e0; border-radius: 3px; } + .popup + { + font-size: 16pt; + } #mapid { height: 50vh; } </style> <script> @@ -192,12 +196,12 @@ title: "{{halt['ref']}} {{halt['name']}}", _my_bus_stop_url: "/stop/{{halt['ref']}}", }).addTo(mymap); -popupmsg = "<h3><a href='/stop/{{halt['ref']}}'><span class='bus_stop_ref'>{{halt['ref']}}</span> {{halt['name']}}</a></h3>"; +popupmsg = "<span class='popup'><h3><a href='/stop/{{halt['ref']}}'><span class='bus_stop_ref'>{{halt['ref']}}</span> {{halt['name']}}</a></h3>"; {% if halt['arrival_time'] != halt['departure_time'] %} - popupmsg += "<p><ul><li>Saapuu: {{halt['arrival_time']}}</li><li>Lähtee: {{halt['departure_time']}}</li></ul></p>"; + popupmsg += "<p><ul><li>Saapuu: {{halt['arrival_time']}}</li><li>Lähtee: {{halt['departure_time']}}</li></ul></p></span>"; {% else %} - popupmsg += "<p><ul><li>Pysähtyy: {{halt['arrival_time']}}</li></ul></p>"; + popupmsg += "<p><ul><li>Pysähtyy: {{halt['arrival_time']}}</li></ul></p></span>"; {% endif %} marker.bindPopup(popupmsg); {% endfor %}