From 8dc01132e717ed7dcb1b781ee3c85a663bf65632 Mon Sep 17 00:00:00 2001
From: Resistencia Dev <dev@resistencia.local>
Date: Mon, 22 Dec 2025 17:41:36 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20Igualar=20estilo=20del=20bot=C3=B3n=20d?=
 =?UTF-8?q?e=20lobby=20al=20bot=C3=B3n=20de=20historial?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Pegado a la derecha (right-0)
- Mismo tamaño (px-2 py-3, icono w-4 h-4)
- Gradiente verde (from-green-600 to-green-700)
- Borde redondeado solo a la izquierda (rounded-l-lg)
- Sin texto, solo icono de casita
- strokeWidth aumentado a 3 para mayor visibilidad
---
 client/src/components/ExitGameButton.tsx | 33 +++++++++++-------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/client/src/components/ExitGameButton.tsx b/client/src/components/ExitGameButton.tsx
index 5654e6e..456677f 100644
--- a/client/src/components/ExitGameButton.tsx
+++ b/client/src/components/ExitGameButton.tsx
@@ -20,26 +20,23 @@ export default function ExitGameButton({ onExit, playerName }: ExitGameButtonPro
                 onClick={() => setShowConfirm(true)}
                 whileHover={{ scale: 1.05 }}
                 whileTap={{ scale: 0.95 }}
-                className="fixed top-20 right-4 z-50 bg-green-800/80 hover:bg-green-700 text-white p-3 rounded-lg border border-green-600/50 backdrop-blur-sm shadow-lg transition-all group"
+                className="fixed top-20 right-0 z-50 bg-gradient-to-l from-green-600 to-green-700 hover:from-green-500 hover:to-green-600 text-white rounded-l-lg px-2 py-3 shadow-lg border-2 border-green-500 border-r-0 transition-all hover:shadow-green-500/50"
                 title="Volver al lobby"
             >
-                <div className="flex items-center gap-2">
-                    <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        fill="none"
-                        viewBox="0 0 24 24"
-                        strokeWidth={2}
-                        stroke="currentColor"
-                        className="w-5 h-5"
-                    >
-                        <path
-                            strokeLinecap="round"
-                            strokeLinejoin="round"
-                            d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
-                        />
-                    </svg>
-                    <span className="text-xs font-bold uppercase tracking-wider hidden md:inline">Lobby</span>
-                </div>
+                <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    strokeWidth={3}
+                    stroke="currentColor"
+                    className="w-4 h-4"
+                >
+                    <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
+                    />
+                </svg>
             </motion.button>
 
             {/* Modal de confirmación */}