feat: margin for a carousel container

src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.module.css

@@ -7,6 +7,5 @@
 
     @media (max-width: 48em) {
         width: 80vw;
-        margin-right: 8vw;
     }
 }

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>
                     )}

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 />