Clean up animations

static/application.css

@@ -1,6 +1,6 @@
 body {
 	background: #002B36;
-	padding: 0px;
+	padding: 20px;
 	margin: 0px;
 }
 
@@ -8,7 +8,7 @@ textarea {
 	background: transparent;
 	border: 0px;
 	color: #fff;
-	padding: 20px;
+	padding: 0px;
 	width: 100%;
 	height: 100%;
 	font-family: monospace;
@@ -24,7 +24,7 @@ textarea {
 }
 
 #box code {
-	padding: 20px;
+	padding: 0px;
 	background: transparent !important; /* don't hide hastebox */
 }
 

static/application.js

@@ -91,8 +91,8 @@ haste.prototype.fullKey = function() {
 // Remove the current document (if there is one)
 // and set up for a new one
 haste.prototype.newDocument = function(hideHistory) {
-  this.doc = new haste_document();
   this.$box.hide();
+  this.doc = new haste_document();
   if (!hideHistory) {
     window.history.pushState(null, this.appName, '/');
   }
@@ -101,7 +101,7 @@ haste.prototype.newDocument = function(hideHistory) {
   this.$textarea.show('fast', function() {
     this.focus();
   });
-}
+};
 
 // Load a document and show it
 haste.prototype.loadDocument = function(key) {