From 5ceed4bf32f7f14b381cd243e8ecbe5bfae0a7d7 Mon Sep 17 00:00:00 2001
From: Dan Helfman <dan@luminotes.com>
Date: Thu, 2 Aug 2007 22:47:20 +0000
Subject: [PATCH] CSS tweaks to better handle smaller browser window widths in
 both Firefox and IE.

---
 static/css/ie.css    | 10 +++++++++-
 static/css/style.css | 11 +++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/static/css/ie.css b/static/css/ie.css
index 3ccc04a..81b5682 100644
--- a/static/css/ie.css
+++ b/static/css/ie.css
@@ -5,7 +5,7 @@
 #toolbar {
   position: absolute;
   top: expression( eval( document.compatMode && document.compatMode == 'CSS1Compat' ) ? documentElement.scrollTop + 20 : document.body.scrollTop + 20 );
-  margin-left: -7em;
+  margin-left: -6em;
 }
 
 #status_area {
@@ -19,6 +19,14 @@
   top: 0em;
 }
 
+#center_and_toolbar_area {
+  width: expression( this.width > 500 ? "500px" : "80%" );
+}
+
+#center_area {
+  width: expression( this.width > 475 ? "475px" : "79%" );
+}
+
 .pulldown {
   height: expression( this.scrollHeight > 200 ? "200px" : "auto" );
   width: expression( this.scrollHeight > 200 ? "12em" : "auto" );
diff --git a/static/css/style.css b/static/css/style.css
index b243787..749e428 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -31,19 +31,19 @@ ol li {
 #center_and_toolbar_area {
   margin: 0 auto;
   text-align: center;
-  width: 60em;
+  width: 80%;
+  max-width: 60em;
 }
 
 #toolbar {
   position: fixed;
-  width: 5em;
   margin-top: 5em;
   z-index: 1;
 }
 
 #toolbar ul li {
   list-style: none;
-  text-indent: -4em;
+  text-indent: -2em;
   margin-top: 0em;
   margin-left: 0em;
   margin-bottom: 0.25em;
@@ -93,6 +93,7 @@ ol li {
 #link_area {
   text-align: left;
   float: right;
+  margin-left: 1em;
   margin-top: 1em;
   margin-right: 2em;
   font-size: 0.75em;
@@ -107,7 +108,8 @@ ol li {
 #center_area {
   margin: 0 auto;
   text-align: center;
-  width: 50em;
+  width: 79%;
+  max-width: 55em;
 }
 
 #status_area {
@@ -126,6 +128,7 @@ ol li {
 #search_and_user_area {
   float: right;
   margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 #search_area {