game now renders at same size independent of screen size

Author: TobbleCobble

client/src/components/ui/GameEmbed.tsx

@@ -36,13 +36,13 @@ export function GameEmbed({
             alt="Game Cover"
             width={gameWidth}
             height={gameHeight}
-            className="absolute left-[50%] top-[50%] translate-x-[-50%] translate-y-[calc(-50%-26px)] blur-sm"
-            style={{ width: "auto", height: gameHeight - 26 }}
+            className="absolute translate-x-[-50%] translate-y-[calc(-50%)] blur-sm"
+            style={{ width: "auto", height: gameHeight - 52 }}
           />
           <Button
             onClick={() => setIsPlaying(!isPlaying)}
             size={"lg"}
-            className="absolute left-[50%] top-[50%] translate-x-[-50%] translate-y-[calc(-50%-52px)] text-3xl"
+            className="absolute translate-x-[-50%] translate-y-[calc(-50%)] text-3xl"
           >
             Play
           </Button>

client/src/pages/games/[id].tsx

@@ -90,7 +90,7 @@ export default function IndividualGamePage() {
         <section className="w-full items-center justify-center bg-popover">
           <div className="mx-auto max-w-7xl p-0 sm:p-8">
             {gameEmbedID != "0" ? (
-              <div className="flex justify-center">
+              <div className="m-auto] flex overflow-auto">
                 <GameEmbed
                   embedID={gameEmbedID}
                   gameWidth={gameWidth}