From 38e03bcc8815641eb57c9cd6137616938de43d5d Mon Sep 17 00:00:00 2001
From: Birte Kristina Friesel <derf@finalrewind.org>
Date: Sun, 31 Mar 2024 17:37:14 +0200
Subject: [PATCH] hide prev/now/next links on small screens

---
 templates/departures.html.ep | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/departures.html.ep b/templates/departures.html.ep
index ebe94c7..a2c3b26 100644
--- a/templates/departures.html.ep
+++ b/templates/departures.html.ep
@@ -93,17 +93,17 @@
 <div class="row">
 	<div class="col s4 center-align">
 		% if ($hafas) {
-			<a class="btn-small" href="<%= url_for('sstation', station => stash('station'))->query({hafas => 1, timestamp => $datetime->clone->subtract(hours => 1)->epoch}) %>"><i class="material-icons left" aria-hidden="true">chevron_left</i>früher</a>
+			<a class="btn-small" href="<%= url_for('sstation', station => stash('station'))->query({hafas => 1, timestamp => $datetime->clone->subtract(hours => 1)->epoch}) %>"><i class="material-icons left" aria-hidden="true">chevron_left</i><span class="hide-on-small-only">früher</span></a>
 		% }
 	</div>
 	<div class="col s4 center-align">
 		% if ($now_in_range) {
-			<a class="btn-small" href="#now"><i class="material-icons left" aria-hidden="true">vertical_align_center</i>Jetzt</a>
+			<a class="btn-small" href="#now"><i class="material-icons left" aria-hidden="true">vertical_align_center</i><span class="hide-on-small-only">Jetzt</span></a>
 		% }
 	</div>
 	<div class="col s4 center-align">
 		% if ($hafas) {
-			<a class="btn-small" href="<%= url_for('sstation', station => stash('station'))->query({hafas => 1, timestamp => $datetime->clone->add(hours => 1)->epoch}) %>">später<i class="material-icons right" aria-hidden="true">chevron_right</i></a>
+			<a class="btn-small" href="<%= url_for('sstation', station => stash('station'))->query({hafas => 1, timestamp => $datetime->clone->add(hours => 1)->epoch}) %>"><span class="hide-on-small-only">später</span><i class="material-icons right" aria-hidden="true">chevron_right</i></a>
 		% }
 	</div>
 </div>