Mejoras en la vista de estadísticas

Arquisoft · Apr 1, 2024 · 49c2de3 · 49c2de3
1 parent 951abb0
commit 49c2de3
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/webapp/src/pages/Stats/Stats.js b/webapp/src/pages/Stats/Stats.js
@@ -8,6 +8,7 @@ import {
   Tr,
   Td,
   Box,
+  Flex
 } from "@chakra-ui/react";
 import Nav from "../../components/Nav/Nav.js";
 import Footer from "../../components/Footer/Footer.js";
@@ -111,18 +112,18 @@ const Stats = () => {
           {" "}
           <strong>Nombre de usuario: </strong>
         </label>
-        <Box display="flex" columnGap="1rem">
+        <Flex columnGap="1rem" justifyContent="space-between">
           <Input
-            width="80%"
+            width="85%"
             type="text"
             id="usernameInput"
             value={username}
             onChange={handleUsernameChange}
             data-testid="usernameInput"
           />
           <Button onClick={handleSearch}>Buscar</Button>
-        </Box>
-        <Box display="flex" columnGap="1rem" justifyContent="center" marginTop="1rem">
+        </Flex>
+        <Flex rowGap="0.5rem" justifyContent="center" m="0.5rem 0" flexDirection="column">
           <Button
             className={gamemode === "clasico" ? "active" : ""}
             onClick={() => handleGamemodeChange("clasico")}
@@ -135,7 +136,7 @@ const Stats = () => {
           >
             Batería de sabios
           </Button>
-        </Box>
+        </Flex>
         {stats === null && !isLoading && (
           <p mt="10rem">El usuario no ha jugado ninguna partida.</p>
         )}