fix: centered columns in funnel dnd for mobile

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

@@ -1,8 +1,16 @@
 
 .container {
+    cursor: pointer;
+    height: calc(100vh - 150px);
+
+    @media (max-width: 48em) {
+        width: 80vw;
+    }
+}
+
+.inner-container {
     border-radius: var(--mantine-spacing-md);
     flex-wrap: nowrap;
-    cursor: pointer;
 
     @mixin light {
         background-color: var(--color-light-aqua);
@@ -10,9 +18,4 @@
     @mixin dark {
         background-color: var(--mantine-color-dark-6);
     }
-
-    width: fit-content;
-    @media (max-width: 48em) {
-        width: 80vw;
-    }
 }

src/app/deals/components/shared/CreateStatusButton/CreateStatusButton.tsx

@@ -11,8 +11,8 @@ const CreateStatusButton = () => {
     const isMobile = useIsMobile();
 
     return (
-        <Stack>
-            <Box className={styles.container}>
+        <Stack className={styles.container}>
+            <Box className={styles["inner-container"]}>
                 <InPlaceInput
                     placeholder={"Название колонки"}
                     onComplete={onCreateStatus}