From 69e5811eb0f61b9c564756631ae8e4d2cf728eea Mon Sep 17 00:00:00 2001
From: Jinksi <ericjinks@gmail.com>
Date: Wed, 29 Mar 2017 20:59:57 +1000
Subject: [PATCH] Sticky Nav

---
 src/components/Nav.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/Nav.js b/src/components/Nav.js
index 39fb1cf..a69b786 100644
--- a/src/components/Nav.js
+++ b/src/components/Nav.js
@@ -1,15 +1,17 @@
 import React from 'react'
 import styled from 'styled-components'
-import { Container } from './common'
+import { Container, Flex } from './common'
 
-const Nav = styled.nav`
-  padding: 0;
-  display: flex;
-  align-items: center;
+const Nav = styled.div`
+  background: white;
+  position: sticky;
+  top: 0;
 `
 
 export default (props) => (
-  <Container>
-    <Nav {...props} />
-  </Container>
+  <Nav>
+    <Container>
+      <Flex alignCenter {...props} />
+    </Container>
+  </Nav>
 )