From ac57dea9c7e5ba917b87b76cfcb7268bf2fdc0a1 Mon Sep 17 00:00:00 2001
From: David Huynh <dfhuynh@gmail.com>
Date: Tue, 23 Mar 2010 04:48:05 +0000
Subject: [PATCH] Do our own positioning of the process widget rather than
 using margin:auto, so that the links on the top header panel don't get
 obscured.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@343 7d457c2a-affb-35e4-300a-418c747d4874
---
 src/main/webapp/scripts/project.js         |  5 +++++
 src/main/webapp/styles/project/process.css | 17 +++++++----------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/main/webapp/scripts/project.js b/src/main/webapp/scripts/project.js
index 428464191..0ec6fe1bf 100644
--- a/src/main/webapp/scripts/project.js
+++ b/src/main/webapp/scripts/project.js
@@ -92,6 +92,11 @@ function resize() {
         .css("height", height + "px")
         .css("left", (width - facetPanelWidth) + "px")
         .css("width", facetPanelWidth + "px");
+        
+    var processPanelWidth = 400;
+    ui.processPanel
+        .css("width", processPanelWidth + "px")
+        .css("left", Math.floor((width - processPanelWidth) / 2) + "px");
 }
 
 function resizeAll() {
diff --git a/src/main/webapp/styles/project/process.css b/src/main/webapp/styles/project/process.css
index a89823fde..7b6514a28 100644
--- a/src/main/webapp/styles/project/process.css
+++ b/src/main/webapp/styles/project/process.css
@@ -1,23 +1,20 @@
 .process-panel {
     position: fixed;
-    top: -1px;
-    width: 100%;
-    text-align: center;
+    top: 0px;
     z-index: 1000;
-}
-
-.process-panel-inner {
-    border: 1px solid #aaa;
-    width: 500px;
-    margin: 0 auto;
-    text-align: left;
     background: #fffee0;
+    border: 1px solid #aaa;
+    border-top: none;
     -moz-border-radius-bottomleft: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomright: 10px;
     -webkit-border-bottom-right-radius: 10px;    
 }
 
+.process-panel-inner {
+    padding-bottom: 10px;
+}
+
 .process-panel-head {
     padding: 2px 10px;
     border-bottom: 1px solid #ccc;