chore: add spacing for examples

newrelic · Jun 3, 2020 · 56eb6bb · 56eb6bb
1 parent 1f724b8
commit 56eb6bb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/templates/ReferenceTemplate.js b/src/templates/ReferenceTemplate.js
@@ -45,17 +45,17 @@ const ReferenceTemplate = ({ data }) => {
                 <div className={styles.description}>
                   <ReactMarkdown source={componentData.__docs__.text} />
                 </div>
-                <section>
+                <section className={styles.examples}>
                   <h2>Examples</h2>
-                  <section>
+                  <div>
                     {examples.map((example, i) => (
                       <ComponentExample
                         key={i}
                         className={styles.componentExample}
                         example={example}
                       />
                     ))}
-                  </section>
+                  </div>
                 </section>
               </>
             )}

diff --git a/src/templates/ReferenceTemplate.module.scss b/src/templates/ReferenceTemplate.module.scss
@@ -35,3 +35,7 @@
     margin: 0;
   }
 }
+
+.examples {
+  margin-top: 2rem;
+}