show exit direction in wagon order3.9.3

1 files changed, 48 insertions, 6 deletions

diff --git a/sass/app.scss b/sass/app.scss
index 811adfd..915ea1f 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -47,17 +47,61 @@ div.content {
 	width: 100%;
 	height: 100ex;
 
+	&.exit-unknown {
+		.section {
+			left: 1em;
+			width: 2em;
+		}
+		.wagon {
+			left: 3em;
+			min-width: 6em;
+		}
+		.details {
+			left: 10em;
+			right: 0em;
+		}
+	}
+
+	&.exit-left {
+		.section {
+			left: 1em;
+			width: 2em;
+			background-color: $bg05;
+		}
+		.wagon {
+			left: 3em;
+			min-width: 6em;
+		}
+		.details {
+			left: 10em;
+			right: 0em;
+		}
+	}
+
+	&.exit-right {
+		.section {
+			right: 1em;
+			width: 2em;
+			background-color: $bg05;
+		}
+		.wagon {
+			right: 3em;
+			min-width: 6em;
+		}
+		.details {
+			right: 10em;
+			left: 0em;
+			text-align: right;
+		}
+	}
+
 	.section {
 		position: absolute;
-		left: 1em;
-		width: 2em;
 		text-align: center;
 	}
 
 	.wagon {
 		position: absolute;
-		left: 3em;
-		min-width: 6em;
 		border: 1px solid $fg3;
 		padding-left: 0.2em;
 		padding-right: 0.2em;
@@ -96,8 +140,6 @@ div.content {
 	.details {
 		position: absolute;
 		padding-top: 0.5ex;
-		left: 10em;
-		right: 0em;
 
 		.type {
 			display: inline-block;