From f6a49fdfcbf6e3c14858139bf42c6d703d6cacc7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9D=D0=B0=D0=B4=D0=B5=D0=B6=D0=B4=D0=B0?=
 <nbrineva@yandex.ru>
Date: Mon, 2 Sep 2024 20:53:25 +0300
Subject: [PATCH] --

---
 src/ui_kit/Modal/CropModal/CropGeneral.tsx | 11 ++++++++---
 src/ui_kit/Modal/CropModal/CropModal.tsx   |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/ui_kit/Modal/CropModal/CropGeneral.tsx b/src/ui_kit/Modal/CropModal/CropGeneral.tsx
index 7b40a3cb..d4762106 100644
--- a/src/ui_kit/Modal/CropModal/CropGeneral.tsx
+++ b/src/ui_kit/Modal/CropModal/CropGeneral.tsx
@@ -136,7 +136,7 @@ export const CropGeneral: FC<Props> = ({
                     alignItems: "center",
                     justifyContent: "center",
                     padding: "0 20px",
-                    marginTop: "20px",
+                    marginTop: isMobile ? "19px" : "20px",
                 }}
             >
                 <ReactCrop
@@ -192,11 +192,13 @@ export const CropGeneral: FC<Props> = ({
             </Box>
             <Box
                 sx={{
-                    mt: "48px",
-                    display: isMobile ? "block" : "flex",
+                    mt: isMobile ? "20px": "48px",
+                    display: "flex",
                     alignItems: "end",
                     justifyContent: "space-between",
                     padding: "0 20px",
+                    flexDirection: isMobile ? "column": "",
+                    
 
                 }}
             >
@@ -213,6 +215,8 @@ export const CropGeneral: FC<Props> = ({
                     sx={{
                         display: "flex",
                         justifyContent: "space-between",
+                        flexDirection: isMobile ? "column": "",
+                        width: isMobile ? "100%": "",
                         gap: "24px",
                     }}
                 >
@@ -244,6 +248,7 @@ export const CropGeneral: FC<Props> = ({
                             sx={[
                                 styleSlider,
                                 {
+                                    
                                     width: isMobile ? undefined : "248px",
                                 },
                             ]}
diff --git a/src/ui_kit/Modal/CropModal/CropModal.tsx b/src/ui_kit/Modal/CropModal/CropModal.tsx
index 652c6008..0f7a4498 100644
--- a/src/ui_kit/Modal/CropModal/CropModal.tsx
+++ b/src/ui_kit/Modal/CropModal/CropModal.tsx
@@ -76,7 +76,7 @@ export const CropModal: FC<CropModalProps> = ({
         <Typography sx={{
           // height: isMobile ? "91px" : "70px",
           backgroundColor: "#F2F3F7",
-          padding: "25px 43px 24px 20px",
+          padding: isMobile ? "25px 20px 24px 20px" : "25px 43px 24px 20px",
           borderRadius: "8px 8px 0px 0px",
           color: "#9A9AAF",
           fontSize: "18px",