From a53de2e587d5b27f359fb49f8e03ada9276eb6d8 Mon Sep 17 00:00:00 2001
From: Chris Vickery <chris.vickery@dutchie.com>
Date: Wed, 31 May 2023 09:37:18 -0700
Subject: [PATCH] better responsive ui

---
 src/components/pages/top-players.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/pages/top-players.jsx b/src/components/pages/top-players.jsx
index 4a05a22..f281515 100644
--- a/src/components/pages/top-players.jsx
+++ b/src/components/pages/top-players.jsx
@@ -31,13 +31,13 @@ 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>
@@ -45,10 +45,10 @@ export default function TopPlayers() {
         {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>