From 8b239c505c440c29eed612fe655bcdcf24cae7aa Mon Sep 17 00:00:00 2001
From: IlyaDoronin <ryletd@gmail.com>
Date: Tue, 31 Oct 2023 16:07:01 +0300
Subject: [PATCH] feat: startPageSettings switch buttons

---
 src/pages/startPage/StartPageSettings.tsx | 43 +++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/pages/startPage/StartPageSettings.tsx b/src/pages/startPage/StartPageSettings.tsx
index fdee9a98..9cb99077 100755
--- a/src/pages/startPage/StartPageSettings.tsx
+++ b/src/pages/startPage/StartPageSettings.tsx
@@ -793,14 +793,53 @@ export default function StartPageSettings() {
           )}
         </Box>
       </Box>
+      {isSmallMonitor && (
+        <Box sx={{ maxWidth: "1160px", marginBottom: "60px" }}>
+          {formState === "content" && (
+            <Button
+              onClick={() => setFormState("design")}
+              sx={{
+                display: "block",
+                marginTop: "20px",
+                padding: "0",
+                fontWeight: "bold",
+                fontSize: "16px",
+                color: "#7E2AEA",
+                textDecoration: "underline",
+                textUnderlineOffset: "2px",
+              }}
+            >
+              🡰 Вернуться к дизайну
+            </Button>
+          )}
+          {formState === "design" && (
+            <Button
+              onClick={() => setFormState("content")}
+              sx={{
+                display: "block",
+                marginLeft: "auto",
+                marginTop: "20px",
+                padding: "0",
+                fontWeight: "bold",
+                fontSize: "16px",
+                color: "#7E2AEA",
+                textDecoration: "underline",
+                textUnderlineOffset: "2px",
+              }}
+            >
+              Далее заполнить контент 🡲
+            </Button>
+          )}
+        </Box>
+      )}
       <Box
         sx={{
+          maxWidth: "1160px",
           display: "flex",
           gap: "20px",
           justifyContent: "flex-end",
           flexDirection: isTablet ? "column" : "row",
-          marginTop: "20px",
-          maxWidth: "1200px",
+          marginTop: "30px",
         }}
       >
         <FormControlLabel