From 8dc64d7fe005e9609368a93ce9577e567acc97b7 Mon Sep 17 00:00:00 2001
From: Tamara <tamara.zelenko555@yandex.ru>
Date: Tue, 9 Jan 2024 15:16:21 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=BE=D1=81=20?=
 =?UTF-8?q?=D1=81=D0=BB=D0=BE=D0=B2=20=D0=B2=20=D0=B2=D1=8B=D0=BF=D0=B0?=
 =?UTF-8?q?=D0=B4=D0=B0=D1=88=D0=BA=D0=B5=20=D0=BF=D1=80=D0=B8=20=D0=BF?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B5=D0=BF=D0=BE=D0=BB=D0=BD=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Tariffs/Tariffs.tsx                              | 2 +-
 src/pages/createQuize/FirstQuiz.tsx                        | 2 +-
 src/ui_kit/QuizPreview/QuizPreviewLayout.tsx               | 5 +++++
 src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx | 7 ++++++-
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/Tariffs/Tariffs.tsx b/src/pages/Tariffs/Tariffs.tsx
index 8ad4d2b4..6dd1c3e5 100644
--- a/src/pages/Tariffs/Tariffs.tsx
+++ b/src/pages/Tariffs/Tariffs.tsx
@@ -151,7 +151,7 @@ function TariffPage() {
           <ArrowLeft color="black" />
         </IconButton>
         <Box sx={{ display: "flex", ml: "auto" }}>
-          <Box sx={{ ml: "8px", whiteSpace: "nowrap" }}>
+          <Box sx={{ whiteSpace: "nowrap" }}>
             <Typography
               sx={{
                 fontSize: "12px",
diff --git a/src/pages/createQuize/FirstQuiz.tsx b/src/pages/createQuize/FirstQuiz.tsx
index ab8c701e..7740bd1d 100755
--- a/src/pages/createQuize/FirstQuiz.tsx
+++ b/src/pages/createQuize/FirstQuiz.tsx
@@ -14,9 +14,9 @@ export default function FirstQuiz() {
       sx={{
         mt: "25px",
         mb: "70px",
+        padding: "10px",
       }}
     >
-      <ComplexNavText text1="Кабинет quiz" />
       <Typography
         variant="h4"
         sx={{
diff --git a/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx b/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx
index e77f042c..f2095dc7 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx
@@ -154,6 +154,7 @@ export default function QuizPreviewLayout() {
                     display: "flex",
                     flexDirection: "column",
                     gap: "8px",
+                    maxWidth: "330px",
                     "& .Mui-selected": {
                       backgroundColor: theme.palette.background.default,
                       color: theme.palette.primary.main,
@@ -168,6 +169,8 @@ export default function QuizPreviewLayout() {
                   alignItems: "center",
                   px: "9px",
                   gap: "20px",
+                  width: "90%",
+                  paddingRight: 0
                 },
               }}
               IconComponent={ArrowDownTheme}
@@ -184,6 +187,8 @@ export default function QuizPreviewLayout() {
                       p: "4px",
                       borderRadius: "5px",
                       color: "#9A9AAF",
+                      wordBreak: "break-word",
+                      whiteSpace: "pre-wrap",
                     }}
                   >
                     {`${index + 1}. ${title}`}
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx
index e7d09595..1ea11eed 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx
@@ -94,15 +94,20 @@ export default function Text({ question }: Props) {
               alignItems: "center",
               px: "9px",
               gap: "20px",
+              width: "90%",
+              paddingLeft: "10px",
               "& + input": !selectValue && {
                 backgroundColor: theme.palette.background.default,
                 border: "none",
                 transform: "translateY(-50%)",
                 top: "50%",
-                left: "10px",
                 opacity: 1,
                 color: "#333",
                 fontSize: "16px",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                paddingLeft: "10px",
+                width: "90%",
               },
             },
           }}