diff --git a/src/components/Quiz/QuizBegin/quizBegin.scss b/src/components/Quiz/QuizBegin/quizBegin.scss index 9cc1e32b4d4daca6c952f351aed7d25c646d2d4f..b0a54d51e535066ebacbb35f419a869865e46a7f 100644 --- a/src/components/Quiz/QuizBegin/quizBegin.scss +++ b/src/components/Quiz/QuizBegin/quizBegin.scss @@ -8,6 +8,7 @@ align-items: center; margin: auto; padding: 1.5rem; + gap: 1rem; } .quiz-begin-container { display: flex; diff --git a/src/components/Quiz/QuizExplanationModal/quizExplanationModal.scss b/src/components/Quiz/QuizExplanationModal/quizExplanationModal.scss index da5a20eb20aa9718fd2751e521842983a1679750..d38aa4e603716fd18fc4c824f133d875828af86e 100644 --- a/src/components/Quiz/QuizExplanationModal/quizExplanationModal.scss +++ b/src/components/Quiz/QuizExplanationModal/quizExplanationModal.scss @@ -6,6 +6,7 @@ justify-content: center; align-items: center; text-align: center; + gap: 1rem; .quiz-modal-answer { font-weight: bold; font-size: 1.7rem; @@ -20,7 +21,7 @@ } } .answer-label { - margin-bottom: 1.5rem; + margin-bottom: 0.5rem; } button.btn-secondary-negative { diff --git a/src/components/Quiz/QuizFinish/quizFinish.scss b/src/components/Quiz/QuizFinish/quizFinish.scss index c6b6e6ab7faa10cacf3d587701d0d4fa06d3f49f..e438ae230ba447a8f7a9c428f5f08af869ba5884 100644 --- a/src/components/Quiz/QuizFinish/quizFinish.scss +++ b/src/components/Quiz/QuizFinish/quizFinish.scss @@ -18,6 +18,9 @@ } .button-start { margin-top: 3rem; + display: flex; + flex-direction: column; + gap: 1rem; } } .score-final-title {