From bcf002151d8c58ce7a5dfb9ca315daf0ac9a0c32 Mon Sep 17 00:00:00 2001 From: Jori Lallo Date: Sun, 29 Oct 2017 23:43:02 -0700 Subject: [PATCH 1/2] Adjusted margins in the sidebar --- app/components/Layout/components/SidebarCollections.js | 2 +- app/components/Layout/components/SidebarLink.js | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/app/components/Layout/components/SidebarCollections.js b/app/components/Layout/components/SidebarCollections.js index 45e9e304e..65353bc88 100644 --- a/app/components/Layout/components/SidebarCollections.js +++ b/app/components/Layout/components/SidebarCollections.js @@ -241,7 +241,7 @@ const Header = styled(Flex)` `; const Children = styled(Flex)` - margin-left: 20px; + margin-left: 10px; `; export default inject('collections', 'ui', 'documents')(SidebarCollections); diff --git a/app/components/Layout/components/SidebarLink.js b/app/components/Layout/components/SidebarLink.js index 02d8508e8..2973ce767 100644 --- a/app/components/Layout/components/SidebarLink.js +++ b/app/components/Layout/components/SidebarLink.js @@ -18,6 +18,7 @@ const StyleableDiv = props =>
; const StyledGoTo = styled(CollapsedIcon)` margin-bottom: -4px; + margin-left: -2px; margin-right: 0; ${({ expanded }) => !expanded && 'transform: rotate(-90deg);'} `; From d24ddbbf799df197388d940c14ecc02de3c29b17 Mon Sep 17 00:00:00 2001 From: Jori Lallo Date: Tue, 31 Oct 2017 21:35:17 -0700 Subject: [PATCH 2/2] margins/paddings --- app/components/Layout/components/SidebarCollections.js | 2 +- app/components/Layout/components/SidebarLink.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/components/Layout/components/SidebarCollections.js b/app/components/Layout/components/SidebarCollections.js index 65353bc88..661bcd064 100644 --- a/app/components/Layout/components/SidebarCollections.js +++ b/app/components/Layout/components/SidebarCollections.js @@ -241,7 +241,7 @@ const Header = styled(Flex)` `; const Children = styled(Flex)` - margin-left: 10px; + margin-left: 12px; `; export default inject('collections', 'ui', 'documents')(SidebarCollections); diff --git a/app/components/Layout/components/SidebarLink.js b/app/components/Layout/components/SidebarLink.js index 2973ce767..93555d226 100644 --- a/app/components/Layout/components/SidebarLink.js +++ b/app/components/Layout/components/SidebarLink.js @@ -18,8 +18,8 @@ const StyleableDiv = props =>
; const StyledGoTo = styled(CollapsedIcon)` margin-bottom: -4px; - margin-left: -2px; - margin-right: 0; + margin-left: 1px; + margin-right: -3px; ${({ expanded }) => !expanded && 'transform: rotate(-90deg);'} `;