From 87a40ca57f724194d5f2f4a35731f08c3eb821d0 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sat, 21 Dec 2019 23:53:49 +0100
Subject: more compact and less ugly wagon order display

---
 public/static/css/app.css | 81 +++++++++++++++++++++++++++++++++--------------
 1 file changed, 58 insertions(+), 23 deletions(-)

(limited to 'public/static/css/app.css')

diff --git a/public/static/css/app.css b/public/static/css/app.css
index 3e4b3bd..ef2b2e9 100644
--- a/public/static/css/app.css
+++ b/public/static/css/app.css
@@ -42,11 +42,6 @@ div.content {
 	text-align: center;
 }
 
-.wagonorder .direction {
-	position: absolute;
-	left: 10em;
-}
-
 .wagonorder .wagon {
 	position: absolute;
 	left: 3em;
@@ -60,40 +55,80 @@ div.content {
 	border-top: none;
 }
 
+.wagonorder .wagon .direction {
+	position: absolute;
+	left: 0.2em;
+	bottom: 0;
+	right: 0;
+	text-align: center;
+	color: #666666;
+}
+
 .wagonorder .details {
 	position: absolute;
-	left: 11em;
+	padding-top: 0.5ex;
+	left: 10em;
 	right: 0em;
 }
 
-.wagonorder .details .firstclass {
+.wagonorder .details .type {
 	display: inline-block;
-	width: 0.8em;
-	text-align: center;
-	color: #ffffff;
-	background-color: #666666;
-	border: 1px solid #666666;
+	width: 5em;
+	color: #666666;
 }
 
-.wagonorder .details .secondclass {
-	display: inline-block;
-	width: 0.8em;
-	text-align: center;
+.wagonorder .details .uicunknown {
+	color: #999999;
+}
+
+.wagonorder .details .uicexchange {
+	margin-right: 0.2em;
+	color: #999999;
+}
+
+.wagonorder .details .uiccountry {
+	margin-right: 0.2em;
+	color: #999999;
+}
+
+.wagonorder .details .uic5 {
+	margin-right: 0.2em;
+	color: #999999;
+}
+
+.wagonorder .details .uic56 {
 	color: #666666;
-	border: 1px solid #666666;
+	font-weight: bold;
 }
 
-.wagonorder .details .noclass {
-	display: inline-block;
-	width: 0.8em;
+.wagonorder .details .uic78 {
+	margin-right: 0.2em;
+	color: #666666;
+	font-weight: bold;
 }
 
-.wagonorder .details .type {
-	display: inline-block;
-	width: 5em;
+.wagonorder .details .uic78::before {
+	content: "-";
+}
+
+.wagonorder .details .uictype {
+	margin-right: 0.2em;
+	color: #666666;
+	font-weight: bold;
+}
+
+.wagonorder .details .uicno {
 	color: #666666;
 }
 
+.wagonorder .details .uiccheck {
+	color: #999999;
+}
+
+.wagonorder .details .uiccheck::before {
+	content: "-";
+}
+
 div.app {
 	border-width:1px 2px;
 	width:100%;
-- 
cgit v1.2.3