train details: indicate on time / delayed time stamps by color

also: revert back to showing scheduled time first and real/estimated time next

3 files changed, 33 insertions, 2 deletions

diff --git a/sass/app.scss b/sass/app.scss
index 767dcad..f24ac9c 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -618,17 +618,42 @@ div.app {
 				list-style-type: circle;
 			}
 
+			.time-early {
+				color: $early-stop-color;
+			}
+
+			.time-delayed {
+				color: $delayed-stop-color;
+			}
+
+			.time-sched-only {
+				color: $delayed-stop-color;
+			}
+
+			.time-sched-ontime {
+				color: $early-stop-color;
+			}
+
+
 			.annotation {
 				color: $fg2;
 				list-style-type: none;
 				padding-left: 3em;
 			}
 
-			.sched-delayed:before {
+			.-sched:before {
+				content: " ";
+			}
+
+			.time-sched:after {
+				content: " ";
+			}
+
+			.time-sched-only:before {
 				content: "(";
 			}
 
-			.sched-delayed:after {
+			.time-sched-only:after {
 				content: ")";
 			}
 
diff --git a/sass/dark.scss b/sass/dark.scss
index 83cb520..c0e8d2b 100644
--- a/sass/dark.scss
+++ b/sass/dark.scss
@@ -39,6 +39,9 @@ $undelaynorm-color: #99dd99;
 $additional-stop-color: #77ff77;
 $cancelled-stop-color: #ff7777;
 
+$early-stop-color: #ccffcc;
+$delayed-stop-color: #ff9999;
+
 $cancelled-bg-color: #512f00;
 $past-bg-color: $bg05;
 
diff --git a/sass/light.scss b/sass/light.scss
index d8f53cb..1dee6a9 100644
--- a/sass/light.scss
+++ b/sass/light.scss
@@ -39,6 +39,9 @@ $undelaynorm-color: #338833;
 $additional-stop-color: #009900;
 $cancelled-stop-color: #cc0000;
 
+$early-stop-color: #007700;
+$delayed-stop-color: #990000;
+
 $cancelled-bg-color: #ffe7d0;
 $past-bg-color: $bg05;