From 7e6e480788d9b507901a11edcab0611b539ced3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 16 Aug 2024 19:41:03 -0500
Subject: [PATCH] feat: better cards

---
 .../[id]/components/Model/GameModeSection.tsx       | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx b/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx
index 727dd2ca5..22f698644 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/GameModeSection.tsx
@@ -23,8 +23,10 @@ export function GameModeSection() {
 
           return (
             <Flex
-              height="calc(256px - 64px)"
+              width="256px"
+              height="256px"
               overflow="hidden"
+              direction="column"
               style={{
                 borderRadius: 'var(--radius-3)',
                 background: `url(${asset(`icons/game_mode_banners/${id}.webp`)})`,
@@ -51,7 +53,6 @@ export function GameModeSection() {
                 }}
                 align="center"
                 justify="center"
-                gap="2"
               >
                 <Text size="4" weight="bold">
                   {gameMode.name}
@@ -66,8 +67,8 @@ export function GameModeSection() {
                         <Flex align="center" gap="1">
                           <img
                             style={{
-                              width: '2em',
-                              height: '2em',
+                              width: '1.5em',
+                              height: '1.5em',
                               objectFit: 'contain',
                             }}
                             src={asset(`icons/provisions/${id}.webp`)}
@@ -86,8 +87,8 @@ export function GameModeSection() {
                         <Flex align="center" gap="1">
                           <img
                             style={{
-                              width: '2em',
-                              height: '2em',
+                              width: '1.5em',
+                              height: '1.5em',
                               objectFit: 'contain',
                             }}
                             src={asset(`icons/consumables/${id}.webp`)}