Update sidebar styles

nygrenh · nygrenh · commit 38031befc046 · 2018-10-11T14:53:17.000+03:00
diff --git a/src/components/TreeView/TreeViewItem.js b/src/components/TreeView/TreeViewItem.js
@@ -19,13 +19,14 @@ const ListItem = styled.li`
   cursor: pointer;
   list-style-type: none;
   margin-bottom: 0;
-  padding: 0.5rem;
+  padding: 0.75rem;
 `
 
 const NavigationLink = styled(GatsbyLink)`
-  padding-left: 0.5rem;
+  border-left: 0.5rem solid white;
   ${props => props.active == "t" && `
-    background-color: #ffccc6;
+    border-color: #f75b4b;
+    background-color: #ffeeed;
     width: 100%;
   `}
 `
diff --git a/src/components/TreeView/index.js b/src/components/TreeView/index.js
@@ -4,6 +4,7 @@ import styled from 'styled-components'
 
 const StyledUl = styled.ul`
   margin-left: 0;
+  margin-top: 0.5rem;
 `
 
 export default class TreeView extends React.Component {

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@ import styled from 'styled-components'`
`4`	`4`
`5`	`5`	const StyledUl = styled.ul`
`6`	`6`	`margin-left: 0;`
	`7`	`+ margin-top: 0.5rem;`
`7`	`8`	`
`8`	`9`
`9`	`10`	`export default class TreeView extends React.Component {`