more compact and less ugly wagon order display2.3.17

3 files changed, 62 insertions, 27 deletions

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/v21
index 945c9b4..945c9b4 120000
--- a/public/static/v19
+++ b/public/static/v21