From cb7197a6de991b8813f65fc4c49b2ffb41a51ba9 Mon Sep 17 00:00:00 2001
From: David <uo289792@uniovi.es>
Date: Mon, 29 Apr 2024 00:02:34 +0200
Subject: [PATCH] Cambios de visualizado

---
 webapp/src/components/Ranking.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/Ranking.js b/webapp/src/components/Ranking.js
index 3f7323b4..81182471 100644
--- a/webapp/src/components/Ranking.js
+++ b/webapp/src/components/Ranking.js
@@ -31,6 +31,7 @@ const Ranking = () => {
   const [rankingTable, setRankingTable] = useState([]);
   const [sortBy, setSortBy] = useState('ratio');
   const [userLimit, setUserLimit] = useState(10);
+  const isMobile = window.innerWidth <= 768;
 
   const getRanking = useCallback(async () => {
     try {
@@ -80,7 +81,10 @@ const Ranking = () => {
 
   return (
     <CustomContainer>
-      <Box border={2} borderColor="black" p={3} borderRadius={8} bgcolor="#EE6D72" mb={5}>
+      <Box border={2} borderColor="black" p={3} borderRadius={8} bgcolor="#EE6D72" mb={5} 
+        style={{
+          marginTop: isMobile ? '100px' : '100px', 
+        }}>
         <Typography variant="h5" align="center" style={{ color: 'white', fontWeight: 'bold', marginBottom: '16px' }}>
           {t("textoTop")}
         </Typography>