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 ++++++++++++++++++++++++++----------
 public/static/css/material-icons.css |  8 ++--
 public/static/v19                    |  1 -
 public/static/v21                    |  1 +
 4 files changed, 63 insertions(+), 28 deletions(-)
 delete mode 120000 public/static/v19
 create mode 120000 public/static/v21

(limited to 'public')

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%;
diff --git a/public/static/css/material-icons.css b/public/static/css/material-icons.css
index a85e909..be41671 100644
--- a/public/static/css/material-icons.css
+++ b/public/static/css/material-icons.css
@@ -2,12 +2,12 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(/static/v20/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: url(/static/v21/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
-       url(/static/v20/fonts/MaterialIcons-Regular.woff2) format('woff2'),
-       url(/static/v20/fonts/MaterialIcons-Regular.woff) format('woff'),
-       url(/static/v20/fonts/MaterialIcons-Regular.ttf) format('truetype');
+       url(/static/v21/fonts/MaterialIcons-Regular.woff2) format('woff2'),
+       url(/static/v21/fonts/MaterialIcons-Regular.woff) format('woff'),
+       url(/static/v21/fonts/MaterialIcons-Regular.ttf) format('truetype');
 }
 
 .material-icons {
diff --git a/public/static/v19 b/public/static/v19
deleted file mode 120000
index 945c9b4..0000000
--- a/public/static/v19
+++ /dev/null
@@ -1 +0,0 @@
-.
\ No newline at end of file
diff --git a/public/static/v21 b/public/static/v21
new file mode 120000
index 0000000..945c9b4
--- /dev/null
+++ b/public/static/v21
@@ -0,0 +1 @@
+.
\ No newline at end of file
-- 
cgit v1.2.3