fix: dots icons smaller

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={"Редактирование доски"}
             />

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>

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>

src/theme.ts

@@ -14,6 +14,8 @@ export const myColor: MantineColorsTuple = [
     "#00718c",
 ];
 
+export const iconSizeSm = 21;
+
 const radius = "md";
 
 const font = Roboto({