From e1c08f775ef2d781bc76a649ff1bd002c514678d Mon Sep 17 00:00:00 2001
From: Resistencia Dev <dev@resistencia.local>
Date: Mon, 15 Dec 2025 09:08:37 +0100
Subject: [PATCH] =?UTF-8?q?Ajustats=20textos=20i=20mides=20de=20cartes:=20?=
 =?UTF-8?q?bot=C3=B3=20'Ocultar/Mostrar',=20cartes=20MISSION=20mateix=20ta?=
 =?UTF-8?q?many=20que=20MISSION=5FREVEAL?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/GameBoard.tsx | 34 ++++++++++++++---------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/client/src/components/GameBoard.tsx b/client/src/components/GameBoard.tsx
index 7788a28..e883bc9 100644
--- a/client/src/components/GameBoard.tsx
+++ b/client/src/components/GameBoard.tsx
@@ -577,14 +577,14 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
                                 {!currentPlayer?.hasVoted ? (
                                     <div className="flex gap-8">
                                         <button onClick={() => actions.voteTeam(true)} className="group">
-                                            <div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-green-500 transition-all transform group-hover:-translate-y-4">
-                                                <Image src="/assets/images/tokens/vote_approve.png" alt="Approve" width={100} height={100} />
+                                            <div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-green-500 transition-all transform group-hover:-translate-y-4 relative overflow-hidden">
+                                                <Image src="/assets/images/tokens/vote_approve.png" alt="Approve" fill className="object-contain" />
                                             </div>
                                             <span className="block text-center text-white mt-2 font-bold bg-green-600 px-2 rounded">APROBAR</span>
                                         </button>
                                         <button onClick={() => actions.voteTeam(false)} className="group">
-                                            <div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-red-500 transition-all transform group-hover:-translate-y-4">
-                                                <Image src="/assets/images/tokens/vote_reject.png" alt="Reject" width={100} height={100} />
+                                            <div className="w-32 h-48 bg-white rounded-lg shadow-xl flex items-center justify-center border-4 border-transparent group-hover:border-red-500 transition-all transform group-hover:-translate-y-4 relative overflow-hidden">
+                                                <Image src="/assets/images/tokens/vote_reject.png" alt="Reject" fill className="object-contain" />
                                             </div>
                                             <span className="block text-center text-white mt-2 font-bold bg-red-600 px-2 rounded">RECHAZAR</span>
                                         </button>
@@ -626,12 +626,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
                                                         disabled={missionVote !== null}
                                                     >
                                                         <motion.div
-                                                            className="w-48 h-72 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
+                                                            className="w-32 h-48 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
                                                             whileHover={{ scale: 1.1, rotate: 3 }}
                                                             whileTap={{ scale: 0.95 }}
                                                         >
-                                                            <Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={120} height={120} className="drop-shadow-2xl" />
-                                                            <span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">ÉXITO</span>
+                                                            <Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={80} height={80} className="drop-shadow-2xl" />
+                                                            <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">ÉXITO</span>
                                                         </motion.div>
                                                     </button>
 
@@ -643,12 +643,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
                                                             disabled={missionVote !== null}
                                                         >
                                                             <motion.div
-                                                                className="w-48 h-72 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
+                                                                className="w-32 h-48 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
                                                                 whileHover={{ scale: 1.1, rotate: -3 }}
                                                                 whileTap={{ scale: 0.95 }}
                                                             >
-                                                                <Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={120} height={120} className="drop-shadow-2xl" />
-                                                                <span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">SABOTAJE</span>
+                                                                <Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={80} height={80} className="drop-shadow-2xl" />
+                                                                <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">SABOTAJE</span>
                                                             </motion.div>
                                                         </button>
                                                     )}
@@ -663,12 +663,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
                                                             disabled={missionVote !== null}
                                                         >
                                                             <motion.div
-                                                                className="w-48 h-72 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
+                                                                className="w-32 h-48 bg-gradient-to-br from-red-600 to-red-900 rounded-2xl shadow-2xl border-4 border-red-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:-rotate-3 hover:shadow-red-500/50"
                                                                 whileHover={{ scale: 1.1, rotate: -3 }}
                                                                 whileTap={{ scale: 0.95 }}
                                                             >
-                                                                <Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={120} height={120} className="drop-shadow-2xl" />
-                                                                <span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">SABOTAJE</span>
+                                                                <Image src="/assets/images/tokens/vote_reject.png" alt="Fail" width={80} height={80} className="drop-shadow-2xl" />
+                                                                <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">SABOTAJE</span>
                                                             </motion.div>
                                                         </button>
                                                     )}
@@ -680,12 +680,12 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
                                                         disabled={missionVote !== null}
                                                     >
                                                         <motion.div
-                                                            className="w-48 h-72 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
+                                                            className="w-32 h-48 bg-gradient-to-br from-blue-600 to-blue-900 rounded-2xl shadow-2xl border-4 border-blue-400 flex flex-col items-center justify-center p-4 transform transition-all hover:scale-110 hover:rotate-3 hover:shadow-blue-500/50"
                                                             whileHover={{ scale: 1.1, rotate: 3 }}
                                                             whileTap={{ scale: 0.95 }}
                                                         >
-                                                            <Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={120} height={120} className="drop-shadow-2xl" />
-                                                            <span className="mt-6 text-white font-bold text-2xl tracking-widest uppercase">ÉXITO</span>
+                                                            <Image src="/assets/images/tokens/vote_approve.png" alt="Success" width={80} height={80} className="drop-shadow-2xl" />
+                                                            <span className="mt-2 text-white font-bold text-lg tracking-widest uppercase">ÉXITO</span>
                                                         </motion.div>
                                                     </button>
                                                 </>
@@ -810,7 +810,7 @@ export default function GameBoard({ gameState, currentPlayerId, actions }: GameB
                                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M19 9l-7 7-7-7" />
                             </motion.svg>
                             <span className="text-sm font-bold uppercase tracking-wider">
-                                {isPlayersCollapsed ? 'Mostrar' : 'Ocultar'} Jugadores
+                                {isPlayersCollapsed ? 'Mostrar' : 'Ocultar'}
                             </span>
                         </button>
                     </div>