From cea460da3066895dfbba622a56577ea5db29c619 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Tue, 18 Oct 2011 13:37:36 +0100
Subject: [PATCH] Woot! The wait screens look good now!

---
 browserid/static/dialog/css/popup.css |  9 ++-------
 browserid/views/dialog.ejs            | 24 ++++++++++++++----------
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/browserid/static/dialog/css/popup.css b/browserid/static/dialog/css/popup.css
index 125750a3a..b1b54243f 100644
--- a/browserid/static/dialog/css/popup.css
+++ b/browserid/static/dialog/css/popup.css
@@ -145,12 +145,6 @@ section > .contents {
     display: block;
 }
 
-#signIn,
-#favicon {
-    display: inline-block;
-    float: left;
-}
-
 #signIn {
     background-image: url('/i/bg.png');
     position: absolute;
@@ -379,11 +373,12 @@ footer .learn a {
     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
 }
 
+    /*
 #favicon {
     text-align: center;
     max-width: 940px;
 }
-
+*/
 header {
     padding: 20px;
     font-weight: bold;
diff --git a/browserid/views/dialog.ejs b/browserid/views/dialog.ejs
index 2f6e64217..36f990e6d 100644
--- a/browserid/views/dialog.ejs
+++ b/browserid/views/dialog.ejs
@@ -25,12 +25,10 @@
 
           <div id="content">
               <section id="formWrap">
-                <form novalidate class="cf"> 
+                <form novalidate> 
                   <div id="favicon">
-                      <div class="table">
-                          <div class="vertical">
-                              <strong id="sitename"></strong>
-                          </div>
+                      <div class="vertical">
+                          <strong id="sitename"></strong>
                       </div>
                   </div>
 
@@ -46,16 +44,22 @@
 
 
               <section id="wait">
-                  <div class="contents">
-                      <h2>Communicating with server</h2>
-                      <p>Just a moment while we talk with the server.</p>
+                  <div class="table">
+                      <div class="vertical contents">
+                          <h2>Communicating with server</h2>
+                          <p>Just a moment while we talk with the server.</p>
+                      </div>
                   </div>
               </section>
 
 
               <section id="error">
-                  <h2 class="title"></h2>
-                  <p class="content"></p>
+                  <div class="table">
+                      <div class="vertical contents">
+                          <h2 class="title"></h2>
+                          <p class="content"></p>
+                      </div>
+                  </div>
               </section>
           </div>
 
-- 
GitLab