From aad2e35a06d0a1fde255c938f876f97690be69aa Mon Sep 17 00:00:00 2001
From: Marco Escaleira <marcoescaleira2000@gmail.com>
Date: Sat, 27 Apr 2024 15:33:11 +0100
Subject: [PATCH] style: quiz button option transition

---
 src/components/Header/Header.tsx           | 2 +-
 src/components/QuizAttempt/QuizAttempt.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index bfc9be5..fcf86c5 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -19,9 +19,9 @@ import useBreakpoint from "use-breakpoint";
 import { LoginForm } from "@components/Login/LoginForm.tsx";
 import { useUserStore } from "@state/userStore.ts";
 import { BREAKPOINTS } from "@utils/constants.ts";
+import { useCountryInformation } from "@utils/hooks/useCountryInformation.ts";
 import { LOGOUT_USER } from "@utils/queries/Logout.ts";
 import { QUIZ_OF_THE_DAY } from "@utils/queries/QuizOfTheDay.ts";
-import { useCountryInformation } from "@utils/hooks/useCountryInformation.ts";
 
 export function Header() {
   // const { notifications, clear, markAllAsRead, markAsRead, add, update, remove, find, sort, unreadCount } =
diff --git a/src/components/QuizAttempt/QuizAttempt.tsx b/src/components/QuizAttempt/QuizAttempt.tsx
index 75e0e02..b898417 100644
--- a/src/components/QuizAttempt/QuizAttempt.tsx
+++ b/src/components/QuizAttempt/QuizAttempt.tsx
@@ -128,7 +128,7 @@ export function QuizAttempt({ quiz }: QuizAttemptProps) {
               fullWidth
               variant={chosen ? "filled" : "outlined"}
               color="blue-gray"
-              className="outline-none focus:ring-0"
+              className="outline-none transition-all active:scale-95 h-11"
               onClick={() => setQuestionResponse(text)}
             >
               {text}