better responsive ui

OpenAngelArena · May 31, 2023 · a53de2e · a53de2e
1 parent 11a9a94
commit a53de2e
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/pages/top-players.jsx b/src/components/pages/top-players.jsx
@@ -31,24 +31,24 @@ export default function TopPlayers() {
       <List>
         <ListItem>
           <Grid container>
-            <Grid item xs={1}>
+            <Grid item xs={2} md={1}>
               <Typography variant="h6">Rank</Typography>
             </Grid>
-            <Grid item xs={5}>
+            <Grid item xs={8} md={4}>
               <Typography variant="h5">Player Name</Typography>
             </Grid>
-            <Grid item xs={5}>
+            <Grid item xs={2} md={7}>
               <Typography variant="h6">MMR</Typography>
             </Grid>
           </Grid>
         </ListItem>
         {topPlayerData.map((player, i) => (
           <ListItem key={player.steamid}>
             <Grid container>
-              <Grid item xs={1}>
+              <Grid item xs={2} md={1}>
                 <Typography variant="h6">{i + 1}</Typography>
               </Grid>
-              <Grid item xs={5}>
+              <Grid item xs={8} md={4}>
                 {user.steamid === player.steamid && (
                   <Typography variant="h5">
                     <strong>
@@ -60,7 +60,7 @@ export default function TopPlayers() {
                   <Typography variant="h5">{player.name}</Typography>
                 )}
               </Grid>
-              <Grid item xs={5}>
+              <Grid item xs={2} md={7}>
                 <Typography variant="h6">{player.mmr.toFixed(2)}</Typography>
               </Grid>
             </Grid>