From d19aebd898af77dbc65fabfc4fe905f72769ccc7 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Wed, 11 Dec 2024 09:41:13 +0100
Subject: fix/frontend: games page css rehaul, small maplist fixes

---
 frontend/src/components/GameCategory.tsx | 8 +++++---
 frontend/src/components/GameEntry.tsx    | 9 +++++----
 2 files changed, 10 insertions(+), 7 deletions(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/GameCategory.tsx b/frontend/src/components/GameCategory.tsx
index d8879ef..80ee416 100644
--- a/frontend/src/components/GameCategory.tsx
+++ b/frontend/src/components/GameCategory.tsx
@@ -3,6 +3,8 @@ import { Link } from "react-router-dom";
 
 import { Game, GameCategoryPortals } from '@customTypes/Game';
 import "@css/Games.css"
+import games from "@css/Games.module.css";
+import info from "@css/Info.module.css";
 
 interface GameCategoryProps {
     game: Game;
@@ -11,11 +13,11 @@ interface GameCategoryProps {
 
 const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => {
     return (
-        <Link className="games-page-item-body-item" to={"/games/" + game.id + "?cat=" + cat.category.id}>
+        <Link className={info.infoBlock} to={"/games/" + game.id + "?cat=" + cat.category.id}>
         <div>
-              <span className='games-page-item-body-item-title'>{cat.category.name}</span>
+              <span>{cat.category.name}</span>
               <br />
-              <span className='games-page-item-body-item-num'>{cat.portal_count}</span>
+              <span>{cat.portal_count}</span>
         </div>
         </Link>
     )
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>
         })}
-- 
cgit v1.2.3