diff --git a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js index 7fa81ed5..bb8f5cfe 100644 --- a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js +++ b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js @@ -7,6 +7,10 @@ const Wrapper = styled.div` justify-content: flex-end; } + .indent-block { + border-right: solid 1px #e1e1e1; + } + .collection-item-name { height: 1.875rem; cursor: pointer; @@ -39,6 +43,10 @@ const Wrapper = styled.div` .menu-icon { color: white !important; } + + .indent-block { + border-right: solid 1px #6faaea; + } } div.tippy-box { diff --git a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js index e7cfa1b1..fc755289 100644 --- a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js +++ b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js @@ -61,11 +61,11 @@ const CollectionItem = ({item, collectionId, actions, dispatch, activeRequestTab {indents && indents.length ? indents.map((i) => { return (