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,26 +15,25 @@
 
     <!-- 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-dialog" style="display: none">
-          <h1>Hold on a sec.</h1>
-          <p>We are publishing your thing.</p>
-          <div class="done">
-            <p>Ok, we are done.</p>
-            <p>View your thing at <a class="view" href="" target="_blank"></a>.</p>
-            <p>Remix your thing at <a class="remix" href="" target="_blank"></a>.</p>
-            <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>  
     </div>
     
+    <!-- modal overlay -->
+    <div id="publish-dialog" style="display: none">
+      <h1>Hold on a sec.</h1>
+      <p>We are publishing your thing.</p>
+      <div class="done">
+        <p>Ok, we are done.</p>
+        <p>View your thing at <a class="view" href="" target="_blank"></a>.</p>
+        <p>Remix your thing at <a class="remix" href="" target="_blank"></a>.</p>
+        <p><a class="close" href="#">Go back to the editor</a>.</p>
+      </div>
+    </div> 
+    
     <!-- our main content -->
     <div id="split-pane">
       <div id="html-editor">