diff --git a/client/src/Components/Tree/TreeNode.tsx b/client/src/Components/Tree/TreeNode.tsx index 42bf2379f..c48b789eb 100644 --- a/client/src/Components/Tree/TreeNode.tsx +++ b/client/src/Components/Tree/TreeNode.tsx @@ -25,8 +25,8 @@ export default function TreeNode(props: TreeNodeProps): JSX.Element { }); const level = levelOf(props.declaration); - const style = level === 0 ? {} : { - paddingLeft: `calc(${level} * (1.25em + 0.25rem))` + const style = { + paddingLeft: (level === 0 ? '1rem' : `calc(${level} * (1.25em + 0.25rem) + 1rem)`) }; const handleClick = () => { diff --git a/client/src/Components/TreeView/TreeView.module.css b/client/src/Components/TreeView/TreeView.module.css index 33d124b99..5d73e404e 100644 --- a/client/src/Components/TreeView/TreeView.module.css +++ b/client/src/Components/TreeView/TreeView.module.css @@ -1,9 +1,8 @@ .treeView { border-right: 1px solid gray; - margin: 1rem; overflow: auto; } .packageName { - margin-bottom: 1rem; + margin: 1rem; }