From eb6511a9f57d56e8212986c1f60ac78dcccbb842 Mon Sep 17 00:00:00 2001
From: Brian Vaughn <brian.david.vaughn@gmail.com>
Date: Mon, 6 Nov 2017 13:51:45 +0000
Subject: [PATCH] Tweaked Codepen configuration/options slightly

---
 src/templates/codepen-example.js | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/templates/codepen-example.js b/src/templates/codepen-example.js
index 117682ba..e3a7eb95 100644
--- a/src/templates/codepen-example.js
+++ b/src/templates/codepen-example.js
@@ -34,13 +34,16 @@ class CodepenExample extends Component {
   }
 
   render() {
-    // Codepen configuration
+    // Codepen configuration.
+    // https://blog.codepen.io/documentation/api/prefill/
     const payload = JSON.stringify({
-      editors: '0010', // Open JS editor by default
+      editors: '0010',
       html: '<div id="root"></div>',
       js: this.props.pathContext.code,
       js_external: EXTERNALS.join(';'),
       js_pre_processor: 'babel',
+      layout: 'left',
+      title: 'reactjs.org example',
     });
 
     return (
@@ -55,11 +58,17 @@ class CodepenExample extends Component {
           method="POST">
           <input type="hidden" name="data" value={payload} />
 
-          <input
-            style={primaryStyle}
-            type="submit"
-            value="Not automatically redirecting? Click here."
-          />
+          <p>
+            Not automatically redirecting?
+
+            <br/><br/>
+
+            <input
+              style={primaryStyle}
+              type="submit"
+              value="Click here"
+            />
+          </p>
         </form>
       </Container>
     );