From 9d8ec496a1abd1035e7676e7fe9986378e99366f Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Wed, 3 Sep 2025 11:06:07 +0400
Subject: [PATCH] fix: dots icons smaller

---
 src/app/deals/components/shared/Board/Board.tsx           | 4 ++--
 src/app/deals/components/shared/BoardMenu/BoardMenu.tsx   | 3 ++-
 src/app/deals/components/shared/StatusMenu/StatusMenu.tsx | 5 +++--
 src/theme.ts                                              | 2 ++
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/deals/components/shared/Board/Board.tsx b/src/app/deals/components/shared/Board/Board.tsx
index 42ef5c4..a682fd6 100644
--- a/src/app/deals/components/shared/Board/Board.tsx
+++ b/src/app/deals/components/shared/Board/Board.tsx
@@ -40,7 +40,7 @@ const Board: FC<Props> = ({ board }) => {
                     },
                 }}
                 getChildren={startEditing => (
-                    <>
+                    <Group wrap={"nowrap"}>
                         <Box>
                             <Text style={{ textWrap: "nowrap" }}>
                                 {board.name}
@@ -56,7 +56,7 @@ const Board: FC<Props> = ({ board }) => {
                                 startEditing={startEditing}
                             />
                         )}
-                    </>
+                    </Group>
                 )}
                 modalTitle={"Редактирование доски"}
             />
diff --git a/src/app/deals/components/shared/BoardMenu/BoardMenu.tsx b/src/app/deals/components/shared/BoardMenu/BoardMenu.tsx
index 5418283..43036c3 100644
--- a/src/app/deals/components/shared/BoardMenu/BoardMenu.tsx
+++ b/src/app/deals/components/shared/BoardMenu/BoardMenu.tsx
@@ -2,6 +2,7 @@ import React, { FC } from "react";
 import { IconDotsVertical, IconEdit, IconTrash } from "@tabler/icons-react";
 import { Box, Group, Menu, Text } from "@mantine/core";
 import { BoardSchema } from "@/lib/client";
+import { iconSizeSm } from "@/theme";
 
 type Props = {
     board: BoardSchema;
@@ -25,7 +26,7 @@ const BoardMenu: FC<Props> = ({
                         cursor: "pointer",
                     }}
                     onClick={e => e.stopPropagation()}>
-                    <IconDotsVertical />
+                    <IconDotsVertical size={iconSizeSm} />
                 </Box>
             </Menu.Target>
             <Menu.Dropdown>
diff --git a/src/app/deals/components/shared/StatusMenu/StatusMenu.tsx b/src/app/deals/components/shared/StatusMenu/StatusMenu.tsx
index 52539e0..871e50b 100644
--- a/src/app/deals/components/shared/StatusMenu/StatusMenu.tsx
+++ b/src/app/deals/components/shared/StatusMenu/StatusMenu.tsx
@@ -7,8 +7,9 @@ import {
 } from "@tabler/icons-react";
 import { Box, Group, Menu, Text } from "@mantine/core";
 import { useDrawersContext } from "@/drawers/DrawersContext";
-import { BoardSchema, StatusSchema } from "@/lib/client";
 import useIsMobile from "@/hooks/utils/useIsMobile";
+import { BoardSchema, StatusSchema } from "@/lib/client";
+import { iconSizeSm } from "@/theme";
 
 type Props = {
     status: StatusSchema;
@@ -36,7 +37,7 @@ const StatusMenu: FC<Props> = ({
                 <Box
                     style={{ cursor: "pointer" }}
                     onClick={e => e.stopPropagation()}>
-                    <IconDotsVertical />
+                    <IconDotsVertical size={iconSizeSm} />
                 </Box>
             </Menu.Target>
             <Menu.Dropdown>
diff --git a/src/theme.ts b/src/theme.ts
index 0f11177..4370753 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -14,6 +14,8 @@ export const myColor: MantineColorsTuple = [
     "#00718c",
 ];
 
+export const iconSizeSm = 21;
+
 const radius = "md";
 
 const font = Roboto({