ctucx.git: trainsearch

style.css: optimizations for small screens

diff --git a/src/assets/style.css b/src/assets/style.css
@@ -9,6 +9,10 @@ font-face {
 	border-collapse: collapse;
 }
 
+:root {
+	overscroll-behavior-y: none;
+}
+
 html, body {
 	margin: 0;
 	min-height: 100vh;

@@ -418,12 +422,6 @@ header {
 	min-height: 100vh;
 }
 
-.journeysView {
-	.arrowButton.flipped {
-		margin-top: 45px;
-	}
-}
-
 .journeyView {
 	tbody:not(:last-child) {
 		border-bottom: 1px solid rgba(0, 0, 0, .2);

@@ -717,6 +715,18 @@ button.color:hover, .button.color:hover {
 		flex-basis: 100%;
 		justify-content: center;
 	}
+
+	header {
+		padding-top: 10px;
+
+		.mode-changers {
+			margin: auto;
+		}
+
+		h3 {
+			margin: 8px 0;
+		}
+	}
 }
 
 @media (max-width: 799px) {

@@ -789,10 +799,17 @@ button.color:hover, .button.color:hover {
 		width: 80vw;
 	}
 
-	.journeysView table {
-		margin: 15px auto;
+	.journeysView {
+		.arrowButton.flipped {
+			margin-top: 45px;
+		}
+
+		table {
+			margin: 15px auto;
+		}
 	}
 
+
 	.modal.dialog {
 		width: 400px;
 	}