tablet version

src/pages/Questions/PageOptions/PageOptions.tsx

@@ -28,6 +28,7 @@ export default function PageOptions({ disableInput, totalIndex }: Props) {
   const { listQuestions } = questionStore();
   const theme = useTheme();
   const isTablet = useMediaQuery(theme.breakpoints.down(980));
+  const isFigmaTablet = useMediaQuery(theme.breakpoints.down(990));
   const isMobile = useMediaQuery(theme.breakpoints.down(780));
   const debounced = useDebouncedCallback((value) => {
     const clonContent = listQuestions[quizId][totalIndex].content;
@@ -44,7 +45,7 @@ export default function PageOptions({ disableInput, totalIndex }: Props) {
       <Box
         sx={{
           width: isTablet ? "auto" : "100%",
-          maxWidth: "640px",
+          maxWidth: isFigmaTablet ? "549px" : "640px",
           display: "flex",
           px: "20px",
           flexDirection: "column",
@@ -64,7 +65,7 @@ export default function PageOptions({ disableInput, totalIndex }: Props) {
             ml: isTablet ? "0px" : "60px",
             display: "flex",
             alignItems: "center",
-            gap: "12px",
+            gap: "28px",
             justifyContent: isMobile ? "space-between" : null,
           }}
         >
@@ -74,7 +75,7 @@ export default function PageOptions({ disableInput, totalIndex }: Props) {
               cursor: "pointer",
               display: "flex",
               alignItems: "center",
-              gap: "10px",
+              gap: "20px",
             }}
           >
             {isMobile ? (

src/pages/Questions/RatingOptions/settingRating.tsx

@@ -63,7 +63,7 @@ export default function SettingSlider({ totalIndex }: SettingSliderProps) {
           display: "flex",
           flexDirection: "column",
           gap: "14px",
-          maxWidth: "310px",
+          maxWidth: "340px",
           width: "100%",
         }}
       >
@@ -136,7 +136,7 @@ export default function SettingSlider({ totalIndex }: SettingSliderProps) {
         sx={{
           pt: isMobile ? "30px" : "20px",
           pb: "20px",
-          pl: isFigmaTablte ? (isMobile ? "20px" : "34px") : "28px",
+          pl: isFigmaTablte ? (isMobile ? "20px" : "34px") : "40px",
           pr: isFigmaTablte ? "19px" : "20px",
           display: "flex",
           flexDirection: "column",

src/pages/Questions/SliderOptions/SliderOptions.tsx

@@ -148,7 +148,7 @@ export default function SliderOptions({ totalIndex }: Props) {
           }}
         >
           <Box sx={{ width: "100%" }}>
-            <Typography sx={{ fontWeight: "500", fontSize: "18px", color: "#4D4D4D", mb: "10px" }}>
+            <Typography sx={{ fontWeight: "500", fontSize: "18px", color: "#4D4D4D", mb: "14px" }}>
               Начальное значение
             </Typography>
             <CustomNumberField

src/pages/Questions/SliderOptions/settingSlider.tsx

@@ -60,8 +60,8 @@ export default function SettingSlider({ totalIndex }: SettingSliderProps) {
         sx={{
           pt: isMobile ? "0px" : "20px",
           pb: "20px",
-          pl: isFigmaTablte ? (isWrappColumn ? "20px" : "34px") : "20px",
-          pr: isFigmaTablte ? "19px" : "20px",
+          pl: isFigmaTablte ? (isWrappColumn ? "20px" : "0px") : "0px",
+          pr: isFigmaTablte ? (isMobile ? "20px" : "12px") : "20px",
           display: "flex",
           flexDirection: "column",
           gap: isMobile ? "13px" : "14px",
@@ -83,7 +83,7 @@ export default function SettingSlider({ totalIndex }: SettingSliderProps) {
         />
         <Box sx={{ width: isMobile ? "90%" : "auto", display: "flex", alignItems: "center" }}>
           <CustomCheckbox
-            sx={{ mr: isMobile ? "0px" : "16px" }}
+            sx={{ mr: isMobile ? "0px" : "16px", whiteSpace: isFigmaTablte ? "nowrap" : "" }}
             label={"Внутреннее название вопроса"}
             checked={listQuestions[quizId][totalIndex].content.innerNameCheck}
             handleChange={(e) => {

src/pages/Questions/UploadFile/UploadFile.tsx

@@ -36,6 +36,7 @@ export default function UploadFile({ totalIndex }: Props) {
   const { listQuestions } = questionStore();
   const theme = useTheme();
   const isTablet = useMediaQuery(theme.breakpoints.down(980));
+  const isFigmaTablet = useMediaQuery(theme.breakpoints.down(990));
   const isMobile = useMediaQuery(theme.breakpoints.down(790));
 
   const SSHC = (data: string) => {
@@ -77,6 +78,7 @@ export default function UploadFile({ totalIndex }: Props) {
               width: "100%",
               minWidth: "200px",
               height: "48px",
+              maxWidth: isFigmaTablet ? "551px" : "640px",
             }}
           >
             <Select
@@ -117,6 +119,7 @@ export default function UploadFile({ totalIndex }: Props) {
               }}
               inputProps={{
                 sx: {
+                  height: "48px",
                   color: theme.palette.brightPurple.main,
                   display: "flex",
                   alignItems: "center",
@@ -150,7 +153,7 @@ export default function UploadFile({ totalIndex }: Props) {
             display: "flex",
             alignItems: "center",
             marginBottom: "20px",
-            marginTop: isMobile ? "18px" : "20px",
+            marginTop: isMobile ? "18px" : "15px",
           }}
         >
           <Typography