fix: fixed columns draggables and styles

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

@@ -1,10 +1,16 @@
 
 .container {
+    border-radius: var(--mantine-spacing-md);
     flex-wrap: nowrap;
-    border-bottom: solid dodgerblue 3px;
-    margin-bottom: 3px;
     cursor: pointer;
 
+    @mixin light {
+        background-color: var(--color-light-aqua);
+    }
+    @mixin dark {
+        background-color: var(--mantine-color-dark-6);
+    }
+
     @media (max-width: 48em) {
         width: 80vw;
     }

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

@@ -12,7 +12,9 @@ const CreateStatusButton = () => {
 
     return (
         <Stack>
-            <Box className={styles.container}>
+            <Box
+                className={styles.container}
+                style={{ width: "fit-content", minWidth: "auto" }}>
                 <InPlaceInput
                     placeholder={"Название колонки"}
                     onComplete={onCreateStatus}
@@ -32,7 +34,8 @@ const CreateStatusButton = () => {
                     modalTitle={"Создание колонки"}
                     inputStyles={{
                         wrapper: {
-                            padding: 4,
+                            paddingInline: "var(--mantine-spacing-md)",
+                            paddingBlock: "var(--mantine-spacing-xs)",
                         },
                     }}
                 />