From e3f7d07d8f40fb06740cfd85e30a71bf864cf94d Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sun, 22 Aug 2021 10:29:53 +0200
Subject: stop list: use large link areas instead of <li onclick>

---
 sass/app.scss | 153 ++++++++++++++++++++++++++++------------------------------
 1 file changed, 75 insertions(+), 78 deletions(-)

(limited to 'sass/app.scss')

diff --git a/sass/app.scss b/sass/app.scss
index d4c9203..e3f219b 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -139,98 +139,96 @@ ul.stops {
 	margin:0;
 	padding:0;
 
-	a {
-		text-decoration: none;
-	}
-
 	> li {
-		display: block;
-		height: 4em;
-		width: 100%;
-		position: relative;
 		border-bottom: 1px solid grey;
 		background-color: $bg;
-		cursor: pointer;
 
-		.name {
-			position: absolute;
-			bottom: 0;
-			left: 5px;
-			width: 70%;
-			overflow: hidden;
-			background-color: transparent;
-			font-size: 150%;
+		a {
 			color: $fg;
-		}
-
-		.distance {
-			position: absolute;
-			top: 1px;
-			right: 5px;
-			width: 30%;
-			text-align: right;
-			height: 1.2em;
-			overflow: hidden;
-			opacity: 50%;
-		}
-
-
-		.note {
-			position: absolute;
-			top: 1px;
-			left: 0;
-			width: 70%;
-			height: 1.2em;
-			overflow: hidden;
-			opacity: 50%;
-		}
-
-		.lines {
-			position: absolute;
-			bottom: 0.1em;
-			right: 5px;
-			background-color: transparent;
-			font-weight: bold;
-			font-size: 120%;
-
-			span {
-				padding-left: 0.1em;
-				padding-right: 0.1em;
-				margin-left: 0.2em;
-			}
-
-			.longdistance {
-				border: 0.1em solid $longdistance-bg;
-			}
-
-			.regional {
-				background-color: $regional-bg;
-			}
+			text-decoration: none;
+			display: block;
+			height: 4em;
+			width: 100%;
+			position: relative;
 
-			.tram {
-				background-color: $tram-bg;
+			.name {
+				position: absolute;
+				bottom: 0;
+				left: 5px;
+				width: 70%;
+				overflow: hidden;
+				background-color: transparent;
+				font-size: 150%;
 			}
 
-			.taxi {
-				background-color: $taxi-bg;
-				font-weight: normal;
+			.distance {
+				position: absolute;
+				top: 1px;
+				right: 5px;
+				width: 30%;
+				text-align: right;
+				height: 1.2em;
+				overflow: hidden;
+				opacity: 50%;
 			}
 
-			.suburban {
-				background-color: $suburban-bg;
-				border-radius: 30px;
-			}
 
-			.subway {
-				background-color: $subway-bg;
+			.note {
+				position: absolute;
+				top: 1px;
+				left: 0;
+				width: 70%;
+				height: 1.2em;
+				overflow: hidden;
+				opacity: 50%;
 			}
 
-			.bus {
-				background-color: $bus-bg;
-				border-radius: 10px;
+			.lines {
+				position: absolute;
+				bottom: 0.1em;
+				right: 5px;
+				background-color: transparent;
+				font-weight: bold;
+				font-size: 120%;
+
+				span {
+					padding-left: 0.1em;
+					padding-right: 0.1em;
+					margin-left: 0.2em;
+				}
+
+				.longdistance {
+					border: 0.1em solid $longdistance-bg;
+				}
+
+				.regional {
+					background-color: $regional-bg;
+				}
+
+				.tram {
+					background-color: $tram-bg;
+				}
+
+				.taxi {
+					background-color: $taxi-bg;
+					font-weight: normal;
+				}
+
+				.suburban {
+					background-color: $suburban-bg;
+					border-radius: 30px;
+				}
+
+				.subway {
+					background-color: $subway-bg;
+				}
+
+				.bus {
+					background-color: $bus-bg;
+					border-radius: 10px;
+				}
 			}
 		}
-
 	}
 }
 
@@ -250,7 +248,6 @@ ul.departures {
 		height: 3em;
 		width: 100%;
 		position: relative;
-		cursor: pointer;
 		border-bottom: 1px solid grey;
 		background-color: $bg;
 
-- 
cgit v1.2.3