connections: new look consistent with departure board

1 files changed, 18 insertions, 2 deletions

diff --git a/sass/src/common/local.scss b/sass/src/common/local.scss
index 3008c54..d5e4598 100644
--- a/sass/src/common/local.scss
+++ b/sass/src/common/local.scss
@@ -86,12 +86,23 @@ ul.suggestions {
 		}
 		.dep-time::after {
 		  content: " ⊖";
+		  font-style: normal;
 		}
 	}
 }
+
+.departures.connections {
+	li {
+		grid-template-columns: 15ch 10ch 1fr;
+	}
+	.connect-platform-wrapper {
+		text-align: center;
+		span {
+			display: block;
 		}
 	}
 }
+
 .followee-checkin {
 	font-size: 0.9rem;
 	display: block;
@@ -182,10 +193,9 @@ ul.suggestions {
 
 @media screen and (max-width: 600px) {
 	.departures li {
-		.dep-line, .dep-time {
 		grid-template-columns: 10ch 1fr;
+		.dep-line, .dep-time, .connect-platform-wrapper {
 			grid-column: 1;
-			margin-right: 0.8rem;
 			text-align: center;
 		} 
 		.dep-dest {
@@ -193,4 +203,10 @@ ul.suggestions {
 			grid-row: 1 / span 2;
 		}
 	}
+	.departures.connections li {
+		grid-template-columns: 15ch 1fr;
+		.connect-platform-wrapper span {
+			display: inline;
+		}
+	}
 }