Update Guess component to add outline to answers

andyplank · Dec 13, 2023 · 5707af9 · 5707af9
1 parent 477d0d8
commit 5707af9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/client/src/components/Guess.tsx b/client/src/components/Guess.tsx
@@ -28,9 +28,11 @@ const Guess = ({sendJsonMessage, players, answers, currentPlayerId, playerId, pr
                 <h4 className='pb-10 text-green'>{pickingPlayer}</h4>
             </div>
             <h4 className='pr-4 text-green'>Answers: </h4>
+            <div className='grid grid-cols-3 gap-2 mt-auto'>
                 {answers.map((answer:string, idx:number) => (
-                    <div key={idx} className='bg-white shadow-xl rounded-2xl mt-2 p-1 pr-4 pl-4 mr-4'>{answer}</div> 
+                    <div key={idx} className='bg-white outline outline-1 rounded-2xl mt-2 p-1 pr-4 pl-4 mr-4'>{answer}</div> 
                 ))}
+            </div>
             <div className="container p-10 shadow-xl rounded-2xl">
                 <div className='pb-4'>
                     <h4>