From e50c6488d39a2754cf5416f21f2f56436d4e15c7 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 30 Jun 2018 19:19:37 -0700
Subject: [PATCH] Sidebar styling tweak

---
 app/components/Sidebar/Sidebar.js | 16 ++++++++++++++++
 app/types/index.js                |  4 ++--
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/components/Sidebar/Sidebar.js b/app/components/Sidebar/Sidebar.js
index 24466ef6..1b0a8910 100644
--- a/app/components/Sidebar/Sidebar.js
+++ b/app/components/Sidebar/Sidebar.js
@@ -66,6 +66,22 @@ const Container = styled(Flex)`
     left: 0;
   }
 
+  &:before,
+  &:after {
+    content: '';
+    background: ${props => props.theme.smoke};
+    position: absolute;
+    top: -50vh;
+    left: 0;
+    width: 100%;
+    height: 50vh;
+  }
+
+  &:after {
+    top: auto;
+    bottom: -50vh;
+  }
+
   ${breakpoint('tablet')`
     width: ${props => props.theme.sidebarWidth};
     margin: 0;
diff --git a/app/types/index.js b/app/types/index.js
index 46cb2793..4cb937d5 100644
--- a/app/types/index.js
+++ b/app/types/index.js
@@ -37,11 +37,11 @@ export type NavigationNode = {
   id: string,
   title: string,
   url: string,
-  children: Array<NavigationNode>,
+  children: NavigationNode[],
 };
 
 export type Document = {
-  collaborators: Array<User>,
+  collaborators: User[],
   collection: Object,
   createdAt: string,
   createdBy: User,