From 7135f5fabdc5d2cb3d781b8f2d18ee6cde1da46f Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Thu, 7 Nov 2019 16:56:46 -0500
Subject: [PATCH] update spacing on preview nav

---
 client/components/PreviewNav.jsx           | 2 +-
 client/styles/components/_preview-nav.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/components/PreviewNav.jsx b/client/components/PreviewNav.jsx
index b4062147..7169621d 100644
--- a/client/components/PreviewNav.jsx
+++ b/client/components/PreviewNav.jsx
@@ -7,7 +7,7 @@ const logoUrl = require('../images/p5js-logo-small.svg');
 const editorUrl = require('../images/code.svg');
 
 const PreviewNav = ({ owner, project }) => (
-  <nav className="nav">
+  <nav className="nav preview-nav">
     <div className="nav__items-left">
       <div className="nav__item-logo">
         <InlineSVG src={logoUrl} alt="p5.js logo" />
diff --git a/client/styles/components/_preview-nav.scss b/client/styles/components/_preview-nav.scss
index 14d9bdd3..47b39437 100644
--- a/client/styles/components/_preview-nav.scss
+++ b/client/styles/components/_preview-nav.scss
@@ -12,3 +12,9 @@
     }
   }
 }
+
+.preview-nav {
+  .nav__item {
+    margin-left: #{5 / $base-font-size}rem;
+  }
+}