мелкие правки по дизайну

src/model/quizSettings.ts

@@ -11,7 +11,7 @@ export const quizSetupSteps = [
     { stepperText: "Настройка стартовой страницы", sidebarText: "Стартовая страница", sidebarIcon: LayoutIcon },
     { stepperText: "Задайте вопросы", sidebarText: "Вопросы", sidebarIcon: QuestionIcon },
     { stepperText: "Настройте авторезультаты", sidebarText: "Результаты", sidebarIcon: ChartPieIcon },
-    { stepperText: "Оценка графа карты вопросов", sidebarText: "Карта вопросов", sidebarIcon: QuestionsMapIcon },
+    // { stepperText: "Оценка графа карты вопросов", sidebarText: "Карта вопросов", sidebarIcon: QuestionsMapIcon },
     { stepperText: "Настройте форму контактов", sidebarText: "Форма контактов", sidebarIcon: ContactBookIcon },
     { stepperText: "Установите квиз", sidebarText: "Установка квиза", sidebarIcon: FlowArrowIcon },
     { stepperText: "Запустите рекламу", sidebarText: "Запуск рекламы", sidebarIcon: MegaphoneIcon },

src/pages/Questions/AnswerDraggableList/AnswerItem.tsx

@@ -64,7 +64,7 @@ export const AnswerItem = ({
                         fullWidth
                         variant="standard"
                         sx={{
-                            margin: isTablet ? " 15px 0 20px 0" : "0 0 20px 0",
+                            margin: isTablet ? " 15px 0 20px 0" : "0 0 15px 0",
                             borderRadius: "10px",
                             border: "1px solid rgba(0, 0, 0, 0.23)",
                             background: "white",

src/pages/Questions/ButtonsOptions.tsx

@@ -247,6 +247,7 @@ export default function ButtonsOptions({
                 sx={{
                     padding: "20px",
                     display: "flex",
+                    gap: "6px",
                 }}
             >
                 <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>

src/pages/Questions/Emoji/Emoji.tsx

@@ -73,7 +73,6 @@ export default function Emoji({ question }: Props) {
                                                         justifyContent: "space-between",
                                                         background: "#EEE4FC",
                                                         borderRadius: "3px",
-                                                        marginRight: "15px",
                                                     }}
                                                 >
                                                     <Box

src/pages/Questions/Form/FormQuestionsPage.tsx

@@ -46,7 +46,7 @@ export default function FormQuestionsPage() {
                     maxWidth: "796px",
                     boxShadow: "0px 10px 30px #e7e7e7",
                     borderRadius: "12px",
-                    marginBottom: "40px",
+                    marginBottom: "30px",
                     borderTop: "1px solid transparent",
                     borderBottom: "1px solid transparent",
                     background: "#FFFFFF",

src/pages/Questions/RatingOptions/RatingOptions.tsx

@@ -73,7 +73,7 @@ export default function RatingOptions({ question }: Props) {
     const buttonRatingForm: ButtonRatingFrom[] = [
         {
             name: "star",
-            icon: <StarIconMini width={50} color={theme.palette.grey2.main} />,
+            icon: <StarIconMini width={35} color={theme.palette.grey2.main} />,
         },
         { name: "trophie", icon: <TropfyIcon color={theme.palette.grey2.main} /> },
         { name: "flag", icon: <FlagIcon color={theme.palette.grey2.main} /> },
@@ -107,8 +107,8 @@ export default function RatingOptions({ question }: Props) {
                         maxWidth: "440px",
                         display: "flex",
                         justifyContent: "space-between",
-                        padding: "0 10px",
+                        padding: "10px 10px 0 10px",
-                        gap: isMobile ? "10px" : "15px",
+                        gap: isMobile ? "10px" : "30px",
                     }}
                 >
                     {Array.from(
@@ -206,7 +206,7 @@ export default function RatingOptions({ question }: Props) {
                             }}
                         />
                     </Box>
-                    <Box sx={{ minWidth: isMobile ? "140px" : "205px" }}>
+                    <Box sx={{ minWidth: isMobile ? "140px" : "205px", textAlign: isMobile ? "right" : undefined, }}>
                         <Typography
                             ref={positiveRef}
                             sx={{

src/pages/Questions/SliderOptions/SliderOptions.tsx

@@ -27,7 +27,7 @@ export default function SliderOptions({ question }: Props) {
             <Box
                 sx={{
                     width: isTablet ? "auto" : "100%",
-                    maxWidth: "673.8px",
+                    maxWidth: "720.8px",
                     display: "flex",
                     pl: "20px",
                     pr: isMobile ? "13px" : "20px",

src/pages/Questions/UploadFile/UploadFile.tsx

@@ -76,7 +76,7 @@ export default function UploadFile({ question }: Props) {
             <Box
                 sx={{
                     width: isTablet ? "auto" : "100%",
-                    maxWidth: "640px",
+                    maxWidth: "680px",
                     display: "flex",
                     px: "20px",
                     flexDirection: "column",
@@ -163,9 +163,10 @@ export default function UploadFile({ question }: Props) {
                 <Box
                     sx={{
                         display: "flex",
-                        alignItems: "flex-start",
+                        alignItems: "end",
                         marginBottom: "20px",
                         marginTop: "15px",
+                        gap: "9px"
                     }}
                 >
                     <Typography

src/pages/startPage/StartPage.tsx

@@ -171,21 +171,7 @@ export default function StartPage() {
                                 gap: "15px",
                             }}
                         >
-                            <Button
+
-                                variant="outlined"
-                                startIcon={<EyeIcon />}
-                                sx={{
-                                    color: theme.palette.brightPurple.main,
-                                    fontSize: "14px",
-                                    lineHeight: "18px",
-                                    height: "34px",
-                                    "& .MuiButton-startIcon": {
-                                        mr: "3px",
-                                    },
-                                }}
-                            >
-                                Предпросмотр
-                            </Button>
                             <Button
                                 variant="contained"
                                 sx={{
@@ -251,21 +237,7 @@ export default function StartPage() {
                             background: "#FFF",
                         }}
                     >
-                        <Button
+
-                            variant="outlined"
-                            startIcon={<EyeIcon />}
-                            sx={{
-                                color: theme.palette.brightPurple.main,
-                                fontSize: "14px",
-                                lineHeight: "18px",
-                                height: "34px",
-                                "& .MuiButton-startIcon": {
-                                    mr: "3px",
-                                },
-                            }}
-                        >
-                            Предпросмотр
-                        </Button>
                         <Button
                             variant="contained"
                             sx={{

src/pages/startPage/StartPageSettings.tsx

@@ -153,7 +153,7 @@ export default function StartPageSettings() {
                                 }`,
                             display: "flex",
                             flexDirection: "column",
-                            flex: `1 1 342px`,
+                            flex: `1 1 361px`,
                         }}
                     >
                         <Typography
@@ -313,7 +313,7 @@ export default function StartPageSettings() {
 
                             <Box
                                 sx={{
-                                    mt: "20px",
+                                    mt: "10px",
                                     display: "flex",
                                     gap: "10px",
                                     flexDirection: "column",
@@ -333,6 +333,9 @@ export default function StartPageSettings() {
                                         textDecorationColor: theme.palette.brightPurple.main,
                                         ml: "-9px",
                                         userSelect: "none",
+                                        "& .css-14o5ia4-MuiTypography-root": {
+                                            fontSize: "16px"
+                                        }
                                     }}
                                     onClick={() => {
                                         MobileVersionHC(!mobileVersion);
@@ -617,7 +620,7 @@ export default function StartPageSettings() {
                                 Заголовок
                             </Typography>
                             <CustomTextField
-                                placeholder="Текст-заполнитель — это текст, который"
+                                placeholder=""
                                 text={quiz.name}
                                 onChange={e => updateQuiz(quiz.id, quiz => {
                                     quiz.name = e.target.value;
@@ -634,7 +637,7 @@ export default function StartPageSettings() {
                                 Текст
                             </Typography>
                             <CustomTextField
-                                placeholder="Текст-заполнитель — это текст, который "
+                                placeholder=""
                                 text={quiz.config.startpage.description}
                                 onChange={e => updateQuiz(quiz.id, quiz => {
                                     quiz.config.startpage.description = e.target.value;
@@ -651,7 +654,7 @@ export default function StartPageSettings() {
                                 Текст кнопки
                             </Typography>
                             <CustomTextField
-                                placeholder="Начать"
+                                placeholder=""
                                 text={quiz.config.startpage.button}
                                 onChange={e => updateQuiz(quiz.id, quiz => {
                                     quiz.config.startpage.button = e.target.value;
@@ -668,13 +671,14 @@ export default function StartPageSettings() {
                                 Телефон
                             </Typography>
                             <CustomTextField
-                                placeholder="+7 900 000 00 00"
+                                placeholder=""
                                 text={quiz.config.info.phonenumber}
                                 onChange={e => updateQuiz(quiz.id, quiz => {
                                     quiz.config.info.phonenumber = e.target.value;
                                 })}
                             />
                             <CustomCheckbox
+                                sx={{margin: "10px 0"}}
                                 label="Кликабельный"
                                 checked={quiz.config.info.clickable}
                                 handleChange={e => updateQuiz(quiz.id, quiz => {
@@ -692,7 +696,7 @@ export default function StartPageSettings() {
                                 Название или слоган компании
                             </Typography>
                             <CustomTextField
-                                placeholder="Текст-заполнитель — это текст, который "
+                                placeholder=""
                                 text={quiz.config.info.orgname}
                                 onChange={e => updateQuiz(quiz.id, quiz => {
                                     quiz.config.info.orgname = e.target.value;
@@ -709,7 +713,7 @@ export default function StartPageSettings() {
                                 Сайт
                             </Typography>
                             <CustomTextField
-                                placeholder="Текст-заполнитель — это текст, который "
+                                placeholder=""
                                 text={quiz.config.info.site}
                                 onChange={e => updateQuiz(quiz.id, quiz => {
                                     quiz.config.info.site = e.target.value;
@@ -726,7 +730,7 @@ export default function StartPageSettings() {
                                 Юридическая информация
                             </Typography>
                             <CustomTextField
-                                placeholder="Текст-заполнитель — это текст, который "
+                                placeholder=""
                                 text={quiz.config.info.law}
                                 onChange={e => updateQuiz(quiz.id, quiz => {
                                     quiz.config.info.law = e.target.value;
@@ -784,6 +788,7 @@ export default function StartPageSettings() {
                     justifyContent: "flex-end",
                     flexDirection: isTablet ? "column" : "row",
                     marginTop: "30px",
+                    marginBottom: isTablet ? "90px" : undefined
                 }}
             >
                 <FormControlLabel

src/pages/startPage/extra.tsx

@@ -76,7 +76,7 @@ export default function Extra() {
                             Mета заголовок
                         </Typography>
                         <CustomTextField
-                            placeholder="Текст-заполнитель — это текст, который "
+                            placeholder=""
                             text={quiz.config.meta}
                             onChange={mutationOrgMetaHC}
                         />

src/ui_kit/Header/Header.tsx

@@ -71,7 +71,7 @@ export default function Header() {
           <Box
             sx={{
               display: "flex",
-              gap: "30px",
+              gap: "31px",
               overflow: "hidden",
               ml: "20px",
             }}
@@ -89,21 +89,6 @@ export default function Header() {
               gap: "15px",
             }}
           >
-            <Button
-              variant="outlined"
-              startIcon={<EyeIcon />}
-              sx={{
-                color: theme.palette.brightPurple.main,
-                fontSize: "14px",
-                lineHeight: "18px",
-                height: "34px",
-                "& .MuiButton-startIcon": {
-                  mr: "3px",
-                },
-              }}
-            >
-              Предпросмотр
-            </Button>
             <Button
               variant="contained"
               sx={{

src/ui_kit/MenuItem.tsx

@@ -16,7 +16,8 @@ export default function MenuItem({ icon, text, isActive = false, isCollapsed, on
         <ListItem
             sx={{
                 px: 0,
-                py: "3px",
+                pt: "5px",
+                pb: "3px"
             }}
         >
             <ListItemButton

src/ui_kit/QuestionsMiniButton.tsx

@@ -27,6 +27,7 @@ export default function QuestionsMiniButton({ icon, text, onClick, dataCy }: Que
           height: "140px",
           border: "1px solid #9A9AAF",
           borderRadius: "8px",
+          background: "transparent"
         }}
         onClick={onClick}
       >
@@ -34,6 +35,7 @@ export default function QuestionsMiniButton({ icon, text, onClick, dataCy }: Que
         <Typography
           sx={{
             textAlign: "left",
+            width: "100%",
             fontWeight: 400,
             fontSize: "16px",
             lineHeight: "18.4px",

src/ui_kit/Sidebar.tsx

@@ -115,7 +115,7 @@ export default function Sidebar() {
                     sx={{
                         px: "16px",
                         mt: "16px",
-                        mb: "11px",
+                        mb: "6px",
                         fontSize: "14px",
                         lineHeight: "20px",
                         fontWeight: 500,