[visualizer] fix canvas not being centered in no ui mode

Author: FreddyMSchubert

visualizer/src/css/styles.css

@@ -189,6 +189,10 @@ a {
 	grid-template-rows: 1fr max-content 1fr;
 	place-items: center;
 }
+:root[data-ui="off"] .game-area {
+	grid-template-columns: 1fr;
+	grid-template-rows: 1fr;
+}
 
 #team-one-name {
 	place-self: start end;

visualizer/src/ts/main.ts

@@ -90,6 +90,7 @@ window.addEventListener("DOMContentLoaded", async () => {
 
 	// disable ui if specified
 	if (urlParams.get("ui") === "false") {
+		document.documentElement.setAttribute("data-ui", "off");
 		document.querySelectorAll<HTMLElement>(".ui").forEach((el) => {
 			el.style.display = "none";
 		});