fix(core): nav tree menu positioning

CB-216

webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/NavigationNode/navigationNodeStyles.ts

@@ -82,6 +82,7 @@ export const navigationNodeStyles = composes(
 
     name {
       margin-left: 4px;
+      padding-right: 16px;
     }
 
     portal {

webapp/packages/core-app/src/NavigationTree/NavigationTreeNode/TreeNodeMenu/TreeNodeMenu.tsx

@@ -45,7 +45,7 @@ export const TreeNodeMenu = observer(function TreeNodeMenu({
   }
 
   return styled(treeNodeMenuStyles)(
-    <MenuTrigger panel={menuPanel} {...use({ isSelected })}>
+    <MenuTrigger panel={menuPanel} {...use({ isSelected })} modal>
       <Icon name="snack" viewBox="0 0 16 10" />
     </MenuTrigger>
   );

webapp/packages/core-dialogs/src/Menu/IMenuPanel.ts

@@ -32,4 +32,5 @@ export interface IMenuItem {
 export type MenuTriggerProps = PropsWithChildren<{
   panel: IMenuPanel;
   style?: Style[];
+  modal?: boolean;
 }> & Omit<ButtonHTMLAttributes<any>, 'style'>;

webapp/packages/core-dialogs/src/Menu/MenuPanel/MenuTrigger.tsx

@@ -31,9 +31,10 @@ export function MenuTrigger({
   panel,
   children,
   style = [],
+  modal,
   ...props
 }: MenuTriggerProps) {
-  const menu = useMenuState();
+  const menu = useMenuState({ modal });
 
   return styled(useStyles(menuPanelStyles, ...style))(
     <>