Update shit

frontend/src/Client.css

@@ -151,4 +151,8 @@
     grid-column: 7;
     grid-row: 7;
 }
-*/
+*/
+
+.client {
+    background-color: black;
+}

frontend/src/Client.tsx

@@ -50,7 +50,7 @@ const Client = () => {
   }, [])
 
   return (
-    <div>
+    <div className="client">
       <div style={{ display: "none", transform: "translate(-50%, 0)",position: "absolute", top: 10, left: "50%" }}>
         State: <pre>{JSON.stringify(state)}</pre>
         ButtonMap: <pre>{mapToBitvector(buttonMap).map(s => s.toString()).join(" ")}</pre>

frontend/src/TVMode.tsx

@@ -39,18 +39,12 @@ const TVMode = () => {
           <span className="timer">{Math.round(state.timeUntilNextMode ?? 0)}s ⏱️</span>
         </div>
         <div className="voting">
-          {voteList.flatMap(([b, numVotes], index) => numVotes === 0
+          {voteList.flatMap(([b, numVotes], index) => {
-            ? [
+            const percentage = numVotes === 0 ? "" : Math.round(numVotes / totalCount * 100) + "%";
-              <div className="vote" key={index}>
+            return <div className="vote" key={index}>
-                <span>{b}</span><span></span>
+              <span>{b}</span><span>{percentage}</span>
-              </div>
+            </div>;
-            ]
+          })}
-            : [
-              <div className="vote" key={index}>
-                <span>{b}</span><span> {Math.round(numVotes / totalCount * 100) + "%"} </span>
-              </div>
-            ]
-          )}
         </div>
         <div>
           Current state: <pre>