Getting rid of the inner "dialog" and just using the form as what we overwrite.

browserid/static/dialog/controllers/page_controller.js

@@ -76,8 +76,9 @@
 
       if (body) {
         var bodyHtml = $.View("//dialog/views/" + body, body_vars);
-        $("#dialog").html(bodyHtml).hide().fadeIn(ANIMATION_TIME, function() {
-          $("#dialog input").eq(0).focus(); 
+        var form = $("#formWrap > form");
+        form.html(bodyHtml).hide().fadeIn(ANIMATION_TIME, function() {
+          form.find("input").eq(0).focus(); 
         });
       }
     },

browserid/views/dialog.ejs

@@ -24,20 +24,19 @@
           </header>
 
           <div id="formWrap" class="cf">
-            <form novalidate> 
+            <form novalidate class="cf"> 
 
-              <div id="dialog" class="dialog cf">
-                <!-- All of this is going to be replaced on startup, but we need some temporary placeholder -->
-                <h2>Communicating with server</h2>
-                <p>Just a moment while we talk with the server.</p>
-              </div>
-
-              <div id="error_dialog">
-                  <h3 class="title"></h3>
-                  <p class="content"></p>
-              </div>
+              <!-- All of this is going to be replaced on startup, but we need some temporary placeholder -->
+              <h2>Communicating with server</h2>
+              <p>Just a moment while we talk with the server.</p>
 
             </form>
+
+            <div id="error_dialog">
+                <h3 class="title"></h3>
+                <p class="content"></p>
+            </div>
+
           </div>
 
           <footer>