fix: rating stars

src/pages/Questions/RatingOptions/RatingOptions.tsx

@@ -51,8 +51,11 @@ export default function RatingOptions({ totalIndex }: Props) {
     <>
       <Box
         sx={{
-          width: isMobile ? "auto" : "100%",
+          width: isMobile
-          maxWidth: "310px",
+            ? "auto"
+            : `${listQuestions[quizId][totalIndex].content.steps * 44}px`,
+          minWidth: "200px",
+          maxWidth: "440px",
           display: "flex",
           padding: "20px",
           flexDirection: "column",
@@ -96,32 +99,34 @@ export default function RatingOptions({ totalIndex }: Props) {
             </Box>
           ))}
         </Box>
-        <Box
+        {!listQuestions[quizId][totalIndex].content.ratingDescription && (
-          sx={{
+          <Box
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-          }}
-        >
-          <Typography
             sx={{
-              color: theme.palette.grey2.main,
+              display: "flex",
-              fontSize: "16px",
+              alignItems: "center",
-              fontWeight: 400,
+              justifyContent: "space-between",
             }}
           >
-            Негативно
+            <Typography
-          </Typography>
+              sx={{
-          <Typography
+                color: theme.palette.grey2.main,
-            sx={{
+                fontSize: "16px",
-              color: theme.palette.grey2.main,
+                fontWeight: 400,
-              fontSize: "16px",
+              }}
-              fontWeight: 400,
+            >
-            }}
+              Негативно
-          >
+            </Typography>
-            Позитивно
+            <Typography
-          </Typography>
+              sx={{
-        </Box>
+                color: theme.palette.grey2.main,
+                fontSize: "16px",
+                fontWeight: 400,
+              }}
+            >
+              Позитивно
+            </Typography>
+          </Box>
+        )}
         {listQuestions[quizId][totalIndex].content.ratingExpanded &&
           (listQuestions[quizId][totalIndex].content.ratingDescription ? (
             <Typography>

src/pages/Questions/RatingOptions/settingRating.tsx

@@ -115,7 +115,7 @@ export default function SettingSlider({ totalIndex }: SettingSliderProps) {
         </Typography>
         <Slider
           value={listQuestions[quizId][totalIndex].content.steps}
-          min={1}
+          min={2}
           max={10}
           aria-label="Default"
           valueLabelDisplay="auto"
@@ -139,7 +139,13 @@ export default function SettingSlider({ totalIndex }: SettingSliderProps) {
             });
           }}
         />
-        <Box sx={{ width: isMobile ? "90%" : "auto", display: "flex", alignItems: "center" }}>
+        <Box
+          sx={{
+            width: isMobile ? "90%" : "auto",
+            display: "flex",
+            alignItems: "center",
+          }}
+        >
           <CustomCheckbox
             sx={{ mr: isMobile ? "0px" : "16px" }}
             label={"Внутреннее название вопроса"}