From 6d0c48be234f02f7a108c2d9065791c72fb83c07 Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Fri, 15 Aug 2025 11:03:06 +0400
Subject: [PATCH] feat: margin for a carousel container

---
 .../CreateStatusButton/CreateStatusButton.module.css     | 1 -
 .../shared/CreateStatusButton/CreateStatusButton.tsx     | 9 +++++----
 src/components/dnd/FunnelDnd/FunnelDnd.tsx               | 7 ++++++-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.module.css b/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.module.css
index 4ef91c7..a540cdb 100644
--- a/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.module.css
+++ b/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.module.css
@@ -7,6 +7,5 @@
 
     @media (max-width: 48em) {
         width: 80vw;
-        margin-right: 8vw;
     }
 }
diff --git a/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.tsx b/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.tsx
index 77c4c5d..fa3e7f4 100644
--- a/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.tsx
+++ b/src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.tsx
@@ -20,11 +20,12 @@ const CreateStatusButton = () => {
                         <Center
                             p={"sm"}
                             onClick={() => startEditing()}>
-                            <Group gap={"xs"} wrap={"nowrap"} align={"start"}>
+                            <Group
+                                gap={"xs"}
+                                wrap={"nowrap"}
+                                align={"start"}>
                                 <IconPlus />
-                                {isMobile && (
-                                    <Text>Добавить</Text>
-                                )}
+                                {isMobile && <Text>Добавить</Text>}
                             </Group>
                         </Center>
                     )}
diff --git a/src/components/dnd/FunnelDnd/FunnelDnd.tsx b/src/components/dnd/FunnelDnd/FunnelDnd.tsx
index a402461..7776548 100644
--- a/src/components/dnd/FunnelDnd/FunnelDnd.tsx
+++ b/src/components/dnd/FunnelDnd/FunnelDnd.tsx
@@ -94,11 +94,16 @@ const FunnelDnd = <
         if (isMobile) {
             return (
                 <Carousel
-                    slideSize={"80%"}
+                    slideSize={"90%"}
                     slideGap={"md"}
                     pb={"xl"}
                     withControls={false}
                     withIndicators
+                    styles={{
+                        container: {
+                            marginInline: "10vw",
+                        },
+                    }}
                     classNames={styles}>
                     {renderContainers()}
                     <CreateStatusButton />