had the modal dialog in the wrong place

.gitignore

@@ -1 +0,0 @@
-docs

demo/editor/editor.css

@@ -199,14 +199,20 @@ code {
 
 #publish-dialog {
   position: absolute;
-  top: 0px;
-  right: 0px;
-  left: 0px;
-  bottom: 0px;
+  width: 600px;
+  height: 300px;
+  top: 50%;
+  left: 50%;
+  margin-top: -150px;
+  margin-left: -300px;
   padding: 10px;
   z-index: 1000000;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(0, 0, 100, 0.75);
   color: white;
+  text-align: center;
+  -webkit-border-radius: 1em;
+  -moz-border-radius: 1em;
+  border-radius: 1em;
 }
 
 #publish-dialog a {

demo/editor/index.html

@@ -15,11 +15,14 @@
 
     <!-- header -->
     <div id="header">
-
       <h1 class="title">Web Page Maker - remix the web!</h1>
-     
       <div id="publish-box">
         <div id="publish">Publish</div>
+        <div id="publish-text">← Click here when you're done remixing!</div>
+      </div>  
+    </div>
+    
+    <!-- modal overlay -->
     <div id="publish-dialog" style="display: none">
       <h1>Hold on a sec.</h1>
       <p>We are publishing your thing.</p>
@@ -30,10 +33,6 @@
         <p><a class="close" href="#">Go back to the editor</a>.</p>
       </div>
     </div> 
-        <div id="publish-text">← Click here when you're done remixing!</div>
-      </div>
-      
-    </div>
     
     <!-- our main content -->
     <div id="split-pane">