From 405ab75dec49d55f050170bc17f2c78d697031f4 Mon Sep 17 00:00:00 2001
From: Marces Zastrow <mza@bsg.de>
Date: Fri, 10 Jan 2025 12:45:13 +0100
Subject: [PATCH] +

---
 backend/database.db                    | Bin 7933952 -> 7942144 bytes
 frontend/src/pages/createCharacter.jsx |   2 +-
 frontend/src/pages/games.jsx           |   4 ++--
 frontend/src/pages/profile.jsx         |   3 +++
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/backend/database.db b/backend/database.db
index d0962dd919d4840d7dcea1c279fbd8a5f76497bf..64fb0e81fb2b4301b0c5ca5a984486ff5f2102ff 100644
GIT binary patch
delta 9319
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
Coh;@6

delta 559
zcmXZLw@yM~0D#dSE(pj)!LC@aW5a@q?TWqk-YfQw4L6K~t1OOUd;`P4O5%$+u=)Tu
zE`Eb2Il=F^6nu|MFLp~n2t!Ex3pqXdfN=RgK7FrYjV|&VHaU!1p$grbP(zPDPipL0
zjcKT*L>=`^pn*o3m`F2aTA0LST4`enQ<=teW-yak%w`Vl%w-<)SwII1S;S(Nu#{yi
zr;`<|WEHDfLl<jV$9gu<%|<q{nI5*Vm2GTi2NibG%Pw}ahrR4$KL<F-Ar5ndqa5Qn
zCpgI|PIHE{oZ~zfxX2|gbA_v1<2pCE$t`Ykhr9G~kNZ5}A&+>>6Q1&n=e*!0ujuDB
eZ+Oc)-bd9~!0b)X$cm7ah|TJjql*0SCH(<K6+<)t

diff --git a/frontend/src/pages/createCharacter.jsx b/frontend/src/pages/createCharacter.jsx
index f8e1e47..ccbc023 100644
--- a/frontend/src/pages/createCharacter.jsx
+++ b/frontend/src/pages/createCharacter.jsx
@@ -148,7 +148,7 @@ const CreateCharacter = () => {
                       height="300"
                       image={imagePreview}
                       alt="Character Preview"
-                      sx={{ borderRadius: '3px', objectFit: 'cover', margin: '0 auto' }}
+                      sx={{ borderRadius: '3px', objectFit: 'contain', margin: '0 auto', borderBottom: '1px solid #444' }}  
                     />
                   </Box>
                 ) : (
diff --git a/frontend/src/pages/games.jsx b/frontend/src/pages/games.jsx
index d1c8ef8..4fffb95 100644
--- a/frontend/src/pages/games.jsx
+++ b/frontend/src/pages/games.jsx
@@ -114,13 +114,13 @@ const GamesPage = () => {
         {/* Character Image and Details */}
         <Grid2 item xs={12} md={4}>
           <Box sx={{ border: '1px solid #444', borderRadius: '3px', p: 2, backgroundColor: '#2e2e3f' }}>
-            <Card sx={{ width: '400px', backgroundColor: '#1e1e2f', color: '#fff', height: '635px' }}>
+            <Card sx={{ width: '480px', backgroundColor: '#1e1e2f', color: '#fff', height: '635px' }}>
               <CardMedia
                 component="img"
                 height="300"
                 image={character.Img || defaultCharacterImage}
                 alt={character.CharName}
-                sx={{ borderRadius: '3px', objectFit: 'cover', margin: '0 auto' }}
+                sx={{ borderRadius: '3px', objectFit: 'contain', margin: '0 auto', borderBottom: '1px solid #444' }}
               />
               <CardContent sx={{padding: '4px'}}>
                 <Typography variant="h4" sx={{ mb: 4, color: '#fff', textAlign: 'center'}}>{character.CharName}</Typography>
diff --git a/frontend/src/pages/profile.jsx b/frontend/src/pages/profile.jsx
index 00d2b2e..724c145 100644
--- a/frontend/src/pages/profile.jsx
+++ b/frontend/src/pages/profile.jsx
@@ -57,6 +57,9 @@ const Profile = () => {
                   <Typography variant="body2" sx={{ color: '#bbb' }}>
                     Age: {character.Age}
                   </Typography>
+                  <Typography variant="body2" sx={{ color: '#bbb', mt: 1 }}>
+                    Sex: {character.Sex}
+                  </Typography>
                 </CardContent>
               </Card>
             </Link>