fix/frontend: games page css rehaul, small maplist fixes

1 files changed, 5 insertions, 4 deletions

diff --git a/frontend/src/components/GameEntry.tsx b/frontend/src/components/GameEntry.tsx
index 3bd2842..ebba419 100644
--- a/frontend/src/components/GameEntry.tsx
+++ b/frontend/src/components/GameEntry.tsx
@@ -3,6 +3,7 @@ import { Link } from "react-router-dom";
 
 import { Game, GameCategoryPortals } from '@customTypes/Game';
 import "@css/Games.css"
+import games from "@css/Games.module.css";
 
 import GameCategory from '@components/GameCategory';
 
@@ -18,12 +19,12 @@ const GameEntry: React.FC<GameEntryProps> = ({ game }) => {
   }, [game.category_portals]);
 
   return (
-    <Link to={"/games/" + game.id}><div className='games-page-item'>
-      <div className='games-page-item-header'>
-        <div style={{ backgroundImage: `url(${game.image})` }} className='games-page-item-header-img'></div>
+    <Link to={"/games/" + game.id}><div className={games.game}>
+      <div className={games.header}>
+                  <div style={{ backgroundImage: `url(${game.image})` }}></div>
         <span><b>{game.name}</b></span>
       </div>
-      <div id={game.id as any as string} className='games-page-item-body'>
+          <div id={game.id as any as string} className={games.infoBlockContainer}>
         {catInfo.map((cat, index) => {
           return <GameCategory cat={cat} game={game} key={index}></GameCategory>
         })}