Tweak flex gap for host_meta on small displays

For small displays insure the meta info box wraps
and is displayed below the host id box.

public_html/css/hpr.css

@@ -703,9 +703,15 @@ fieldset > table td input[type="radio"] {
 	border-radius: 0.25rem;
 }
 #host {
-	justify-content: flex-start;
-	align-items: end;
-	gap: 0;
+	justify-content: center;
+	align-items: center;
+	gap: 0.5rem;
+}
+#host_id {
+	text-align: center;
+}
+#host_id > h2 {
+	margin-top: 0;
 }
 #host_id img {
 	border-radius: 0.25rem;
@@ -884,7 +890,7 @@ nav.episodes span a:hover svg #bar {
 		max-width: 45%;
 	}
 	#host {
-		gap: 1rem;
+		gap: 2rem;
 	}
 	nav.episodes {
 		display: inline-block;