fix pad example styles

derbyjs · Feb 18, 2014 · a9c8f1f · a9c8f1f
1 parent 61b72df
commit a9c8f1f
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/examples/pad/index.handlebars b/examples/pad/index.handlebars
@@ -2,20 +2,29 @@
 <meta charset="utf-8">
 <title>Racer pad - {{room}}</title>
 <style>
-#pad {
+#pad-container {
   position: absolute;
+  top: 24px;
+  right: 24px;
   bottom: 24px;
   left: 24px;
-  right: 24px;
-  top: 24px;
+}
+#pad {
   font: 16px/1.2 sans-serif;
   padding: 4px 7px;
+  height: 100%;
+  width: 100%;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
 body {
   background: #ddd;
 }
 </style>
 
-<textarea id="pad" autofocus>{{text}}</textarea>
+<div id="pad-container">
+  <textarea id="pad" autofocus>{{text}}</textarea>
+</div>
 
 <script async src="/script.js" onload='require("racer").init({{{bundle}}})'></script>