diff --git a/components/quiz/endScreen.tsx b/components/quiz/endScreen.tsx index 89f2bc42..c0337f7a 100644 --- a/components/quiz/endScreen.tsx +++ b/components/quiz/endScreen.tsx @@ -30,9 +30,10 @@ const EndScreen: FunctionComponent = ({ actionBar={ } - highlightTitle={false} - > - + highlightTitle={false}> + You passed the quiz. Congratulations on your efforts and progress! Keep up the good work and continue to explore new challenges. @@ -45,21 +46,24 @@ const EndScreen: FunctionComponent = ({ title="Too bad ! " actionBar={ <> -
- -
-
- +
+
+ +
+
+ +
} - highlightTitle={false} - > - + highlightTitle={false}> + You didn't pass the quiz. You can try again or go back to the quest. diff --git a/styles/components/button.module.css b/styles/components/button.module.css index 5796c177..126acf7a 100644 --- a/styles/components/button.module.css +++ b/styles/components/button.module.css @@ -13,7 +13,7 @@ text-transform: capitalize; letter-spacing: 0%; border: none; - padding: 0 2rem; + padding: 0 3rem; border-radius: 10px; min-width: 5rem; width: 100%;