fix: Fixes padding on sidebar collection links

closes #1770
This commit is contained in:
Tom Moor
2021-01-06 20:35:02 -08:00
parent 4fda50f4ad
commit de7bf8c133
2 changed files with 15 additions and 6 deletions

View File

@@ -78,7 +78,7 @@ function CollectionLink({
<>
<div ref={drop} style={{ position: "relative" }}>
<DropToImport key={collection.id} collectionId={collection.id}>
<SidebarLink
<SidebarLinkWithPadding
key={collection.id}
to={collection.url}
icon={
@@ -114,7 +114,7 @@ function CollectionLink({
/>
</>
}
></SidebarLink>
/>
</DropToImport>
{expanded && manualSort && (
<DropCursor isActiveDrop={isOverReorder} innerRef={dropToReorder} />
@@ -138,6 +138,10 @@ function CollectionLink({
);
}
const SidebarLinkWithPadding = styled(SidebarLink)`
padding-right: 60px;
`;
const CollectionSortMenuWithMargin = styled(CollectionSortMenu)`
margin-right: 4px;
`;