From b823197f4835cc008a6c860dca6e3263b8d2f3d3 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Mon, 25 Jun 2018 12:54:31 +0200
Subject: Improve mobile/infoscreen layout on Firefox

---
 public/static/default.css | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

(limited to 'public')

diff --git a/public/static/default.css b/public/static/default.css
index 2808e46..08a9deb 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -124,11 +124,12 @@ div.displaycleandark li .fern {
 }
 
 div.displayclean li .route {
+	background-color: transparent;
 	font-size:2.1em;
 	position:absolute;
-	top:5px;
+	top:1px;
 	left:7.7em;
-	height: 1em;
+	height: 1.2em;
 	width: 70%;
 	overflow: hidden;
 }
@@ -143,11 +144,12 @@ div.displaycleandark li .route {
 
 div.displayclean li .info {
 	color:#ff0000;
+	background-color: transparent;
 	font-size:2.1em;
 	position:absolute;
-	top:5px;
+	top:1px;
 	left:7.7em;
-	height: 1.1em;
+	height: 1.2em;
 	width: 70%;
 	overflow: hidden;
 }
@@ -249,12 +251,12 @@ div.displaycleandark li .moreinfo .mroute .cancelled-stop {
 }
 
 div.displayclean li .dest {
-	/*font-weight:bold;*/
+	background-color: transparent;
 	font-size:4em;
 	position:absolute;
-	top:0.65em;
+	top:0.62em;
 	left:4em;
-	bottom:-0.1em;
+	bottom:0px;
 	width: 70%;
 	overflow: hidden;
 }
@@ -276,7 +278,7 @@ div.displaycleandark li.cancelled {
 }
 
 div.displayclean li .countdown {
-	background-color: inherit;
+	background-color: transparent;
 	font-size: 3em;
 	position: absolute;
 	right: 5px;
@@ -309,7 +311,7 @@ div.displayclean li .head {
 div.displayclean li .countdown .delay {
 	font-size:1em;
 	color:#FF0000;
-	background-color: inherit;
+	background-color: transparent;
 	padding-right:7px;
 }
 
@@ -340,7 +342,7 @@ div.displayclean li .countdown .changed-platform {
 }
 
 div.displayclean li .time {
-	background-color: inherit;
+	background-color: transparent;
 	font-size:2.3em;
 	position:absolute;
 	right:5px;
@@ -358,7 +360,7 @@ div.displaycleandark li .time {
 
 div.displayclean span.delayed {
 	color: #ff0000;
-	background-color: inherit;
+	background-color: transparent;
 }
 
 div.displaymulti {
-- 
cgit v1.2.3