Improve layout

examples/resources/common.js

@@ -8,7 +8,7 @@
     e.clearSelection();
   });
 
-  var codepenButton = document.getElementById('codepen-button');
+  var codepenButton = document.getElementsByClassName('codepen-button')[0];
   if (codepenButton) {
     codepenButton.onclick = function(event) {
       event.preventDefault();

examples/resources/layout.css

@@ -91,9 +91,14 @@ pre[class*="language-"] {
   background: #FFFFFF;
 }
 
+pre>legend {
+  font-size: 100%;
+  font-weight: bold;
+}
+
 .source-controls {
   position: absolute;
-  margin-top: 20px;
+  margin-top: 10px;
   right: 40px;
 }
 
@@ -101,12 +106,12 @@ pre[class*="language-"] {
   margin-left: 15px;
 }
 
-#copy-button {
+.copy-button {
   text-decoration: none;
   cursor: pointer;
 }
 
-#codepen-button {
+.codepen-button {
   text-decoration: none;
   cursor: pointer;
 }