From e9d6506b4d4de48cfdf57b25c355a47a93c12959 Mon Sep 17 00:00:00 2001
From: Valerie Young <valerie@bocoup.com>
Date: Fri, 25 Sep 2020 12:04:48 -0700
Subject: [PATCH] Add codepen to button example

---
 examples/button/button.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/examples/button/button.html b/examples/button/button.html
index 61d01e4ee2..61776dfce6 100644
--- a/examples/button/button.html
+++ b/examples/button/button.html
@@ -41,7 +41,9 @@ <h1>Button Examples</h1>
     </ul>
 
     <section>
+    <div class="example-header">
       <h2 id="ex_label">Example</h2>
+    </div>
 
       <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
 
@@ -154,7 +156,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
     <section>
       <h2>Javascript and CSS Source Code</h2>
 
-      <ul>
+      <ul id="css_js_files">
         <li>
           CSS:
           <a href="css/button.css" type="text/css">button.css</a>
@@ -176,7 +178,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
       <div role="separator" id="sc1_end_sep" aria-labelledby="sc1_end_sep sc1_label" aria-label="End of"></div>
 
       <script>
-        sourceCode.add('source1', 'example');
+        sourceCode.add('source1', 'example', 'ex_label', 'css_js_files');
         sourceCode.make();
       </script>
     </section>