From 8d8dd838b3d7c6016bf3e394652f8bbc66c1a5c0 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Tue, 2 Jun 2020 15:54:13 -0700
Subject: [PATCH] feat: add spacing under each component example

---
 src/templates/ReferenceTemplate.js          | 6 +++++-
 src/templates/ReferenceTemplate.module.scss | 4 ++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
index bba80db1b..f6589650c 100644
--- a/src/templates/ReferenceTemplate.js
+++ b/src/templates/ReferenceTemplate.js
@@ -38,7 +38,11 @@ const ReferenceTemplate = ({ data }) => {
             <h2>Examples</h2>
             <section>
               {examples.map((example, i) => (
-                <ComponentExample key={i} example={example} />
+                <ComponentExample
+                  key={i}
+                  className={styles.componentExample}
+                  example={example}
+                />
               ))}
             </section>
           </section>
diff --git a/src/templates/ReferenceTemplate.module.scss b/src/templates/ReferenceTemplate.module.scss
index 5ed2e9eea..7f2242ff1 100644
--- a/src/templates/ReferenceTemplate.module.scss
+++ b/src/templates/ReferenceTemplate.module.scss
@@ -17,3 +17,7 @@
 .sidebar {
   grid-area: sidebar;
 }
+
+.componentExample:not(:last-child) {
+  margin-bottom: 2rem;
+}