fix tracker styles

src/components/features/quiz/AlertResult.jsx

@@ -17,8 +17,8 @@ export const AlertResult = ({ info }) => {
           className="alert-result__text"
           style={{ color: successTest ? "#52B709" : "#5B6871" }}
         >
-          Благодарим Вас за прохождение теста "{info.questionnaire_title}".
-          Ваши результаты проверены, готовы пригласить Вас в команду
+          Благодарим Вас за прохождение теста "{info.questionnaire_title}". Ваши
+          результаты проверены, мы готовы пригласить Вас в команду
         </div>
       </div>
       {!successTest && (

src/components/features/quiz/QuizReport.jsx

@@ -3,12 +3,6 @@ import React from "react";
 import StarRating from "@components/StarRating/StarRating";
 
 export const QuizReport = ({ info }) => {
-  function correctAnswers() {
-    return info.number_questions * info.percent_correct_answers;
-  }
-  function correctWrongAnswers() {
-    return info.number_questions * (1 - info.percent_correct_answers);
-  }
   return (
     <div className="report">
       <div className="report__row">
@@ -23,16 +17,10 @@ export const QuizReport = ({ info }) => {
         </div>
         <div className="report__column">
           <div className="report__value">
-            {Boolean(correctAnswers()) ? correctAnswers() : 0}
+          {info.count_correct_answers}/{info.number_questions}
           </div>
           <div className="report__text">правильных ответов</div>
         </div>
-        <div className="report__column">
-          <div className="report__value report__value_false">
-            {Boolean(correctWrongAnswers()) ? correctWrongAnswers() : 0}
-          </div>
-          <div className="report__text">неправильных ответов</div>
-        </div>
         <div className="report__column">
           <div className="report__status-text">Статус:</div>
           <div className="report__status">Пройден!</div>

src/components/features/quiz/quiz.scss

@@ -580,7 +580,7 @@ $maxWidthContainer: 1123;
   &__column {
     &:first-child {
       background: #ffffff;
-      flex: 0 1 22%;
+      flex: 0 1 40%;
       border-radius: 12px 0 0 12px;
       @media (max-width: 1000px) {
         flex: 0 1 50%;
@@ -590,7 +590,7 @@ $maxWidthContainer: 1123;
       }
     }
     height: 90px;
-    flex: 0 1 26%;
+    flex: 0 1 30%;
     display: flex;
     justify-content: center;
     align-items: center;