From f526716831275f026d101cc6da2d64cca41bf503 Mon Sep 17 00:00:00 2001
From: Jean-Philippe Sirois <jp@veksen.net>
Date: Tue, 17 Sep 2019 03:02:29 -0400
Subject: [PATCH] ui(resources): slightly tweak styles

---
 src/components/ResourcesSidebar/styles.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/ResourcesSidebar/styles.tsx b/src/components/ResourcesSidebar/styles.tsx
index 7757d94..95ed131 100644
--- a/src/components/ResourcesSidebar/styles.tsx
+++ b/src/components/ResourcesSidebar/styles.tsx
@@ -41,8 +41,8 @@ export const Children = styled.div`
 export const Label = styled.div`
   user-select: none;
   position: relative;
-  padding: 8px 0 4px;
-  margin-bottom: 2px;
+  padding: 8px 0 0;
+  margin-bottom: 6px;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -57,8 +57,8 @@ export const Label = styled.div`
   svg {
     position: absolute;
     right: 100%;
-    margin-right: 4px;
-    width: 10px;
+    margin-right: 5px;
+    width: 7px;
   }
 `
 
@@ -115,7 +115,8 @@ export const TreeWrapper = styled.div<{ collapsed: boolean }>`
   }
 
   & + & {
-    border-top: 1px solid #dbdbdb;
+    border-top: 1px solid
+      ${props => transparentize(0.8, props.theme.sidebar.foreground)};
   }
 
   ${Children} {
@@ -136,7 +137,8 @@ export const Inner = styled.div`
 
 export const PageLink = styled(Link)`
   display: block;
-  padding: 4px 0;
+  padding: 4px 0 0;
+  margin-bottom: 4px;
   color: ${props => props.theme.sidebar.foreground};
   align-self: flex-start;
   text-decoration: none;