From 951abb06495034d0a45fe9e2b069e91b752e5b33 Mon Sep 17 00:00:00 2001
From: CANCI0 <martinlol831@gmail.com>
Date: Mon, 1 Apr 2024 19:18:02 +0200
Subject: [PATCH] =?UTF-8?q?Ahora=20los=20elementos=20del=20Nav=20est=C3=A1?=
 =?UTF-8?q?n=20bien=20centrados?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webapp/src/components/Nav/Nav.js  | 6 +++---
 webapp/src/pages/Perfil/Perfil.js | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/Nav/Nav.js b/webapp/src/components/Nav/Nav.js
index ab1083ed..56c9cd9c 100644
--- a/webapp/src/components/Nav/Nav.js
+++ b/webapp/src/components/Nav/Nav.js
@@ -23,8 +23,8 @@ const Nav = () => {
 
   return (
     <Box as="nav" display="flex" alignItems="center" justifyContent="space-between" p={4} bg={bgColor} width="100%">
-      <Box textAlign="center" ml={3}>
-        <Heading as="h1" size="xl" color={textColor}>WIQ</Heading>
+      <Box textAlign="center" ml={3} width="25%" justifyContent="start">
+        <Heading as="h1" size="xl" color={textColor} textAlign="start">WIQ</Heading>
       </Box>
       <Flex gap={3}>
         <Button variant="link" color={textColor} mr={4} onClick={() => handleNavigate("/home")}>Home</Button>
@@ -49,7 +49,7 @@ const Nav = () => {
         <Button variant="link" color={textColor} mr={4} onClick={() => handleNavigate("/ranking")}>Ranking</Button>
         <Button variant="link" color={textColor} mr={4} onClick={() => handleNavigate("/perfil")}>Perfil</Button>
       </Flex>
-      <Flex className="rightItems" alignItems="center">
+      <Flex width="25%"  className="rightItems" justifyContent="end">
         <Button variant="link" color={textColor} mr={4} onClick={() => handleNavigate("/sobre")}>Sobre nosotros</Button>
         <Button variant="link" color={textColor} mr={4} onClick={() => handleConfig()}>Opciones</Button>
         <Button variant="link" color={textColor} onClick={() => logout()}>Desconectarse</Button>
diff --git a/webapp/src/pages/Perfil/Perfil.js b/webapp/src/pages/Perfil/Perfil.js
index 4578fccd..50e3ee19 100644
--- a/webapp/src/pages/Perfil/Perfil.js
+++ b/webapp/src/pages/Perfil/Perfil.js
@@ -54,7 +54,7 @@ const Perfil = () => {
                     <Heading as="h2" size="md">
                       Partidas Recientes
                     </Heading>
-                    <div style={{ width: '100%' }}>
+                    <div style={{ width: '100%'}}>
                       {userData.games.length > 0 ? (
                         <Table variant="simple">
                           <Thead>