Mobile friendly styling of pivot tables

src/RunnersMeet.Client/src/styles.scss

@@ -102,6 +102,22 @@ dl.pivot-table {
 	}
 }
 
+@media only screen and (max-width: 800px) {
+	dl.pivot-table {
+		dt {
+			flex-basis: 100%;
+			text-align: left;
+			padding: 0.2em 0.5em;
+			border: none;
+		}
+
+		dd {
+			flex-basis: 100%;
+			padding: 0.2em 1em;
+		}
+	}
+}
+
 .map-container {
 	width: 100%;
 	aspect-ratio: 4 / 3;