From feb262b04869592232c65b581aa257a9b13e5c62 Mon Sep 17 00:00:00 2001
From: Ioan Cristian CHELARU <iccjoc@proton.me>
Date: Sun, 2 Jun 2024 10:27:18 +0300
Subject: [PATCH] fixed answer button

Signed-off-by: Ioan Cristian CHELARU <iccjoc@proton.me>
---
 app/components/question_component.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/question_component.tsx b/app/components/question_component.tsx
index bdc457a..45cd13d 100644
--- a/app/components/question_component.tsx
+++ b/app/components/question_component.tsx
@@ -76,15 +76,15 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
             <button
               onClick={() => { handleAnswerClick( true )}}
               className="rounded-md bg-green-600 px-3.5 py-2.5 text-s font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
-              style={{width:'30%', height:'30%'}}
+              style={{minWidth:'30%', minHeight:'30%'}}
             >
               <CheckCircleIcon></CheckCircleIcon>
               I knew that!
             </button>
             <button
               onClick={() => {handleAnswerClick( false )}}
-              className="rounded-md bg-red-600 px-3.5 py-2.5 text-xs font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
-              style={{width:'30%', height:'30%'}}
+              className="rounded-md bg-red-600 px-3.5 py-2.5 text-s font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              style={{minWidth:'30%', minHeight:'30%'}}
             >
               <XCircleIcon></XCircleIcon>
               I didn't know that!