From f40f5b20f366e37cdc9dd620d1dd8ffad279b8c6 Mon Sep 17 00:00:00 2001
From: Max Ogden <mogden@gmail.com>
Date: Wed, 3 Aug 2011 18:19:49 -0400
Subject: [PATCH] update ajax loader style

---
 attachments/pages/index.html  | 6 +++++-
 attachments/script/recline.js | 2 +-
 attachments/style/style.css   | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/attachments/pages/index.html b/attachments/pages/index.html
index 7c180409..b300ae3d 100755
--- a/attachments/pages/index.html
+++ b/attachments/pages/index.html
@@ -32,7 +32,6 @@
       <div class="project-actions"></div>
       <div class="project-controls"></div>
     </div>
-    <img src="images/large-spinner.gif" class="large-loader" style="display: none;">
 		<div class="main_content"></div>
 	</div>
 	
@@ -41,6 +40,11 @@
   		<img src="images/small-spinner.gif" class="notification-loader"><span id="notification-message">Loading...</span>
   	</div>
   </div>
+  
+  <div class="large-loader" id="loading-message" style="display: none; ">
+    <img src="images/large-spinner.gif"> 
+    Loading...
+  </div>
     
   <div class="dialog-overlay" style="display: none; z-index: 101; ">&nbsp;</div>
   <div class="dialog ui-draggable" style="display: none; z-index: 102; top: 101px; ">
diff --git a/attachments/script/recline.js b/attachments/script/recline.js
index 7b312bfe..06b9853f 100755
--- a/attachments/script/recline.js
+++ b/attachments/script/recline.js
@@ -192,8 +192,8 @@ var recline = function() {
   function initializeTable(offset) {
     $('.large-loader').show();
     couch.request({url: app.baseURL + 'api/headers'}).then(function ( headers ) {
+      $('.large-loader').hide();
       getDbInfo().then(function(dbInfo) { 
-        $('.large-loader').hide();
         updateDocCount(dbInfo.doc_count);
       });
       app.headers = headers;
diff --git a/attachments/style/style.css b/attachments/style/style.css
index ff9cfea9..d827a16d 100755
--- a/attachments/style/style.css
+++ b/attachments/style/style.css
@@ -42,7 +42,7 @@ a.button:hover span.icon.loading { background-image: url(images/loader-blue.gif)
 #couchLogo {float: left; margin-right: 5px; margin-top: 3px}
 .chosen {border: 1px solid green}
 .info { padding: 0px 0px 10px 0px}
-.large-loader { position: absolute; top: 200px; left: 50%; z-index: 666;}
+.large-loader { position: relative; }
 .menu-overlay {
   position: fixed;
   top: 0;