From 424adc28295d8d086a9a6d30ea2121dd9993e203 Mon Sep 17 00:00:00 2001
From: Birte Kristina Friesel <derf@finalrewind.org>
Date: Sun, 22 Dec 2024 07:16:28 +0100
Subject: map view: add a small border around text

---
 sass/app.scss               | 7 +++++++
 templates/route_map.html.ep | 6 ++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/sass/app.scss b/sass/app.scss
index 92fa210..75074bd 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -38,6 +38,13 @@ div.notes {
 	margin-right: auto;
 }
 
+div.journey,
+div.nextstop {
+	max-width: 98%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
 p {
 	text-align: justify;
 }
diff --git a/templates/route_map.html.ep b/templates/route_map.html.ep
index 5c92966..e1c4642 100644
--- a/templates/route_map.html.ep
+++ b/templates/route_map.html.ep
@@ -79,18 +79,20 @@ var marker;
 </script>
 
 <div class="container" style="margin-top: 1ex; margin-bottom: 1ex; color: #555;">
+<p>
 Die eingezeichnete Route stammt aus dem angefragten Backend und stimmt nicht
-notwendigerweise mit der Realität überein.<br/>
+notwendigerweise mit der Realität überein.
 Die Fahrzeugposition auf der Karte ist eine DBF-eigene Schätzung und kann
 erheblich von den tatsächlichen Gegebenheiten abweichen.
 % if (stash('intersection')) {
 <br/>In dieser Ansicht sind Live-Updates der Zug- und Begegnungspositionen noch
 nicht implementiert.
 % }
+</p>
 </div>
 
 % if (my $op = stash('operator')) {
 <div class="container" style="margin-top: 1ex; margin-bottom: 1ex; color: #555;">
-Betrieb: <%= $op %>
+<p>Betrieb: <%= $op %></p>
 </div>
 % }
-- 
cgit v1.2.3