feat: styled create status button and header

src/app/deals/components/mobile/BoardsMobile/BoardsMobile.tsx

@@ -28,7 +28,8 @@ const BoardsMobile = () => {
             offsetScrollbars={"x"}
             scrollbars={"x"}
             scrollbarSize={0}
-            w={"100vw"}>
+            w={"100vw"}
+            mt={5}>
             <Group
                 wrap={"nowrap"}
                 gap={0}>

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

@@ -1,5 +1,6 @@
 import React from "react";
-import { Box, Text } from "@mantine/core";
+import { IconPlus } from "@tabler/icons-react";
+import { Box } from "@mantine/core";
 import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
 import InPlaceInput from "@/components/ui/InPlaceInput/InPlaceInput";
 
@@ -8,12 +9,9 @@ const CreateStatusButton = () => {
 
     return (
         <Box
+            ml={6}
+            className={"flex-nowrap border-b-3 border-blue-500 mb-3"}
             style={{
-                borderWidth: 1,
-                borderStyle: "dashed",
-                borderColor: "gray",
-                width: "15vw",
-                minWidth: 150,
                 cursor: "pointer",
             }}>
             <InPlaceInput
@@ -21,12 +19,17 @@ const CreateStatusButton = () => {
                 onComplete={onCreateStatus}
                 getChildren={startEditing => (
                     <Box
-                        p={9}
+                        p={15}
                         onClick={() => startEditing()}>
-                        <Text>Создать колонку</Text>
+                        <IconPlus size={20} />
                     </Box>
                 )}
                 modalTitle={"Создание колонки"}
+                inputStyles={{
+                    wrapper: {
+                        padding: 4,
+                    },
+                }}
             />
         </Box>
     );

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

@@ -86,7 +86,7 @@ const Funnel: FC = () => {
             <Group
                 align={"start"}
                 wrap={"nowrap"}
-                gap={"sm"}>
+                gap={0}>
                 {renderFunnelDnd()}
             </Group>
         </ScrollArea>

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

@@ -36,7 +36,7 @@ const Header = () => {
 
     const getMobileHeader = () => {
         return (
-            <Stack>
+            <Stack gap={0}>
                 <Group justify={"space-between"}>
                     <Box p={"md"}>
                         <IconChevronLeft />