From 66d0a039bf79c50923f12337aee323c3b7b4b0f4 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Thu, 31 May 2012 14:47:21 +0100
Subject: [PATCH] Update the header to look reasonable with the rp logo and
 name.

---
 resources/static/dialog/css/m.css             | 34 +++++++------------
 .../dialog/resources/screen_size_hacks.js     |  2 +-
 2 files changed, 14 insertions(+), 22 deletions(-)

diff --git a/resources/static/dialog/css/m.css b/resources/static/dialog/css/m.css
index efc23a635..2a757809b 100644
--- a/resources/static/dialog/css/m.css
+++ b/resources/static/dialog/css/m.css
@@ -59,7 +59,6 @@
       position: static;
       padding: 10px;
       border-bottom: 1px solid rgba(0,0,0,0.05);
-      background-image: url('/i/bg.png');
       text-align: center;
       left: 0;
   }
@@ -68,17 +67,27 @@
       max-width: 32px;
       max-height: 32px;
       display: inline;
-      margin: 0;
+      margin: 0 10px 0 0;
       vertical-align: middle;
   }
 
   #favicon h2, #favicon h3 {
-      margin: 5px 0 0 0;
+      margin: 0 5px;
+      height: auto;
+      line-height: 32px;
+      font-size: 20px;
+      display: inline;
+      vertical-align: middle;
+  }
+
+  #favicon h3 {
+      font-size: 16px;
   }
 
   #favicon .vertical {
       height: auto;
-      line-height: 20px;
+      line-height: 32px;
+      vertical-align: middle;
   }
 
 
@@ -98,23 +107,6 @@
       padding: 0;
   }
 
-  #favicon {
-      text-align: center;
-  }
-
-  #favicon img {
-      width: 32px;
-      height: auto;
-      display: inline;
-      margin: 0;
-      vertical-align: middle;
-  }
-
-  #favicon .vertical {
-      height: auto;
-      line-height: 20px;
-  }
-
   #formWrap {
       background-color: transparent;
   }
diff --git a/resources/static/dialog/resources/screen_size_hacks.js b/resources/static/dialog/resources/screen_size_hacks.js
index 196060f86..33685cb75 100644
--- a/resources/static/dialog/resources/screen_size_hacks.js
+++ b/resources/static/dialog/resources/screen_size_hacks.js
@@ -111,7 +111,7 @@
         favIconHeight = $("#favicon").outerHeight();
 
         // Force the top of the main content area to be below the favicon area.
-        signInEl.css("top", (headerHeight + favIconHeight) + "px");
+        signInEl.css("top", favIconHeight + "px");
     }
 
     selectEmailEl.css("position", "");
-- 
GitLab