Some layout tweaks

Author: Will Bamberg

editable-samples/border-top-color/index.html

@@ -8,7 +8,7 @@
   </div>
   </div>
 
-  <div class="playable-buttons">
+  <div id="buttons">
   &nbsp; <input id="edit" type="button" value="Edit CSS" />
   &nbsp; <input id="reset" type="button" value="Reset" />
   </div>
@@ -18,21 +18,27 @@
 
 body {
   background-color: #F6F7F8;
-  margin:3em auto;
-  padding:1em;
+  margin: 3em auto;
+  padding: 1em;
 }
 
 textarea {
   width: 90%;
   height:auto;
   background-color: white;
-  padding-right:16px;
+  padding: 1em 1em 0 1em;
+  box-sizing: border-box;
+}
+
+#buttons {
+  margin: 0.5em;
 }
 
 #container {
   background-color: white;
   padding: 1em;
   width: 90%;
+  box-sizing: border-box;
 }
 #box {
   border: solid 0.3em gold;