css fix

Author: h908714124

src/main/client/src/feature/lobby/ActiveGames.jsx

@@ -50,15 +50,15 @@ export function ActiveGames() {
     }
   }, [setInit, auth, initialized, stompClient, navigate])
   return (
-    <>
-      <div className="ml-4 grid grid-cols-[min-content_min-content_min-content]">
+    <div>
+      <div className="grid grid-cols-[max-content_max-content_max-content]">
         {activeGames.map((game) => (
           <ActiveGame
             game={game}
             key={game.id} />
         ))}
       </div>
-    </>
+    </div>
   )
 }
 

src/main/client/src/feature/lobby/Lobby.jsx

@@ -100,7 +100,7 @@ export function Lobby() {
           </button>
         )}
       </div>
-      <div className="mt-2 grid grid-cols-[max-content_auto]">
+      <div className="mt-2 grid gap-x-4 grid-cols-[max-content_auto]">
         <DetailNavigation detail={detail} setDetail={setDetail} />
         {detail === "open" && (
           <OpenGames />

src/main/client/src/feature/lobby/OpenGames.jsx

@@ -78,7 +78,7 @@ export function OpenGames() {
   }), [auth, navigate])
   return (
     <div>
-      <div className="ml-4 grid grid-cols-[max-content_max-content]">
+      <div className="grid grid-cols-[max-content_max-content]">
         {openGames.map((game) => (
           <OpenGame
             game={game}