1 files changed, 28 insertions, 22 deletions

diff --git a/views/layout.haml b/views/layout.haml
index 5b59d4f..6659547 100644
--- a/views/layout.haml
+++ b/views/layout.haml
@@ -23,8 +23,7 @@
       %a{:href=> to("/predict")}
         %img{:src=>"/images/ist_logo.png", :alt=>"logo"}
       %h1 Lazar Toxicity Predictions
-        
-      %hr
+      %hr{:style=>"color:black;"}
     
     .content
       :javascript
@@ -32,22 +31,6 @@
           // hide #back-top first
           $("#back-top").hide();
           // fade in #back-top
-          $(function () {
-            $(window).scroll(function () {
-              if ($(this).scrollTop() > 400) {
-                $('#back-top').fadeIn();
-              } else {
-                $('#back-top').fadeOut();
-              }
-            });
-            // scroll body to 0px on click
-            $('#back-top a').click(function () {
-              $('body,html').animate({
-                scrollTop: 0
-              }, 500);
-              return false;
-            });
-          });
           $('a#confidence').tooltip({
             predelay: 300,
             position: 'bottom center',
@@ -69,11 +52,34 @@
             offset: [-500, 0],
           });
         });
-      #back-top
-        %a{:href => ""}^ top ^
           
       = yield
     
-    .footer
+    .footer{:style=>"margin-bottom:2em;"}
       © 
-      %a{:href => 'http://www.in-silico.ch', :rel => "external"} in-silico toxicology gmbh 2004-2013
+      %a{:href => 'http://www.in-silico.ch', :rel => "external"} <i style="font-family: serife">in silico</i> toxicology gmbh 2004 - #{Time.now.year.to_s}
+
+    #back-top{:style => "z-index:100;position:fixed;bottom:0%;width:98%;"}
+      %hr{:style => "margin-bottom:0;"}
+      %a{:href => "", :style=>"text:decoration:none;color:#ccc;"}
+        %img{:src => "/rect.png", :alt => "top", :style=>"width:100%;height:50px"}
+      %div{:id=>"backtop", :style => "margin-top:-50px;text-align:right;cursor:default;"}
+        TOP
+    :javascript
+      $("#back-top").hide();
+      $(function () {
+        $(window).scroll(function () {
+          if ($(this).scrollTop() > 600) {
+            $('#back-top').fadeIn();
+          } else {
+            $('#back-top').fadeOut();
+          }
+        });
+        // scroll body to 0px on click
+        $('#back-top a').click(function () {
+          $('body,html').animate({
+            scrollTop: 0
+          }, 500);
+          return false;
+        });
+      });