UI Tweak.

1 files changed, 8 insertions, 1 deletions

diff --git a/app/templates/filer.html b/app/templates/filer.html
index 18ce136..02dc734 100644
--- a/app/templates/filer.html
+++ b/app/templates/filer.html
@@ -40,7 +40,7 @@
     </div>
     
     <div style="width:${width}px;" id="filer" >
-    <div py:if="files == []" style="width:100%;text-align:center;color:gray;">
+    <div id="noproject" py:if="files == []" style="color:gray;">
     no active project
     </div>
     <ul>
@@ -57,6 +57,12 @@
 </ul>
     </div>
 <script>
+jQuery.fn.center = function () {
+            this.css("position","absolute");
+            this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
+            this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
+            return this;
+        }
 document.ready = function() {
     $('.file').corner("15px");
     $("#filer").show("slow");
@@ -64,6 +70,7 @@ document.ready = function() {
         $('#filer img').hide(); 
         $('#filer span').show(); 
     }*/
+    $('#noproject').center();
     $( "input:button" ).button();
 };
 </script>