From 82bed6d3533572dcf80ad6d3c4c368d834a6bf52 Mon Sep 17 00:00:00 2001
From: David Ascher <david@mozillamessaging.com>
Date: Thu, 3 Sep 2009 12:50:36 -0700
Subject: [PATCH] more layout tweaks, with bigger fonts for the biggest things.
 One wording change about the filtering h1.

--HG--
branch : gloda-facet
---
 mail/base/content/glodaFacetView.css          | 46 ++++++++-----------
 mail/base/content/glodaFacetView.xhtml        |  2 +-
 .../en-US/chrome/messenger/glodaFacetView.dtd |  2 +-
 3 files changed, 20 insertions(+), 30 deletions(-)

diff --git a/mail/base/content/glodaFacetView.css b/mail/base/content/glodaFacetView.css
index f26aad9e34..fc36964881 100644
--- a/mail/base/content/glodaFacetView.css
+++ b/mail/base/content/glodaFacetView.css
@@ -47,11 +47,6 @@ body {
   background: white;
 }
 
-#row {
-  display: table-row;
-  background: white;
-}
-
 .facets-sidebar {
   display: table-cell;
   width: 20em;
@@ -60,48 +55,38 @@ body {
   padding-left: 1em;
   font-size: 90%;
 }
+
 #main-column {
   display: table-cell;
 }
 
-
-
 /* ===== Query Explanation ===== */
 
 #query-explanation {
   display: block;
   height: 40px;
-  font-size: 110%;
+  font-size: 140% !important;
   margin-left: 1em;
   padding: 2px;
   padding-left: 0;
   padding-top: 1em;
-  font-size: medium;
 }
 
 .explanation-fulltext-label {
-  font-size: 120%;
   color: #3465a4;
   margin: 0 0.1em;
 }
 
 .explanation-fulltext-term {
-  font-size: large;
   color: black;
   margin: 0 0.1em;
 }
 
 .explanation-fulltext-criteria {
-  font-size: medium;
   color: #888;
   margin: 0 0.1em;
 }
 
-.explanation-change-label {
-  font-size: 80%;
-  color: black;
-  margin: 0 0.1em;
-}
 
 .explanation-query-label {
   margin-top: 1ex;
@@ -121,17 +106,19 @@ h1, h2, h3 {
 }
 
 #filter-header-label {
-  font-size: 120%;
   margin: 0;
   margin-top: 1em;
 }
 
 .explanation-change-label {
+  display: inline-block;
+  color: black;
+  font-size: 60%;
+  padding: 3px;
+  margin: 0 0.1em;
   margin-left: 1em;
-  font-size: 80%;
   border: 1px solid grey;
   -moz-border-radius: 4px;
-  padding: 3px;
 }
 
 .explanation-change-label:hover {
@@ -148,26 +135,29 @@ h1, h2, h3 {
   padding: 2px;
 }
 
+h1 {
+  font-size: x-large !important;
+  padding-bottom: 0.5em;
+}
+
 h2 {
   display: block;
   margin: 0;
-  font-size: medium;
+  font-size: 120%;
+  margin-top: 1em;
+  margin-bottom: 0.5em;
 }
 
 h3 {
   font-weight: normal;
 }
 
-h2 {
-  margin-top: 1em;
-  margin-bottom: 0.5em;
-}
 
 .facet > h3 {
   font-size: 105%;
-  padding-left: 0.5em;
-  margin-bottom: 0;
-  margin-top: 0;
+  padding-left: 0em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 .facet-included-header[state="empty"],
diff --git a/mail/base/content/glodaFacetView.xhtml b/mail/base/content/glodaFacetView.xhtml
index 8e97382a3c..094a807207 100644
--- a/mail/base/content/glodaFacetView.xhtml
+++ b/mail/base/content/glodaFacetView.xhtml
@@ -53,7 +53,7 @@
     </div>
   </div>
   <div id="main-column">
-    <div id="query-explanation" />
+    <div id="query-explanation"/>
     <div id="facet-date" class="facetious" type="date" />
     <div class="results" id="results" type="message" />
   </div>
diff --git a/mail/locales/en-US/chrome/messenger/glodaFacetView.dtd b/mail/locales/en-US/chrome/messenger/glodaFacetView.dtd
index 6b1dd9b466..1694429185 100644
--- a/mail/locales/en-US/chrome/messenger/glodaFacetView.dtd
+++ b/mail/locales/en-US/chrome/messenger/glodaFacetView.dtd
@@ -1,4 +1,4 @@
 <!-- LOCALIZATION NOTE (glodaFacetView.filters.label): Label at the top of the
      faceting sidebar.  Serves as a header both for the checkboxes under it as
      well for labeled facets with multiple options. -->
-<!ENTITY glodaFacetView.filters.label "Filters">
+<!ENTITY glodaFacetView.filters.label "Filter by:">