# HG changeset patch
# User Benoît Allard <benoit.allard@greenbone.net>
# Date 1414761556 -3600
# Node ID f2f434eafb66abcf78e79caea11b78f7047fd047
# Parent  3500cb0c54d138f3f6d91802c68a466910657887
Always push the footer to the bottom of the page

diff -r 3500cb0c54d1 -r f2f434eafb66 farol/static/style.css
--- a/farol/static/style.css	Fri Oct 31 14:18:47 2014 +0100
+++ b/farol/static/style.css	Fri Oct 31 14:19:16 2014 +0100
@@ -2,28 +2,50 @@
 .panel-title a, a.a-block {
     display: block;
 }
-/*
-// Try to push the footer to the bottom of the page
+
+/* Try to push the footer to the bottom of the page */
 html, body {
   height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.cover {
+  min-height: 100%;
+  position: relative;
+}
+
+nav.navigation {
+  padding: 10px;
 }
 
 .main.container {
-  min-height: 100%;
-  margin-bottom: -50px;
+  padding: 10px;
+  padding-bottom: 140px; /* height of the footer + 10 */
 }
-*/
 
+.footer {
+  height 130px;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+/* And that works */
+
+/* Display a background image */
 @media (min-width: 768px){
   body {
     background: url('background.png') no-repeat fixed right bottom rgb(255,255,255);
   }
 }
 
+/* attenuate it */
 .cover {
   background: rgba(255,255,255,0.8);
 }
 
+/* For the POST_buttons */
 form.inlined-form {
   display: inline-block;
 }
@@ -33,11 +55,7 @@
   padding: 0;
 }
 
-.footer {
-  height: 130px;
-  margin-top: 20px;
-}
-
+/* Color when hovering, Ouh ... */
 #greenbone.logo_img {
   display: block;
   width: 100px;
diff -r 3500cb0c54d1 -r f2f434eafb66 farol/templates/about.j2
--- a/farol/templates/about.j2	Fri Oct 31 14:18:47 2014 +0100
+++ b/farol/templates/about.j2	Fri Oct 31 14:19:16 2014 +0100
@@ -64,7 +64,7 @@
   {% endif %}
   <hr>
   <p><strong>Farol</strong> is published under GPLv2+, and is Copyright &copy; Greenbone Networks GmbH.</p>
-  <span class="text-muted pull-right"><small>SessionID: {{ session.get('id', '') }}</small></span>
+  {% if session.id %}<span class="text-muted pull-right"><small>SessionID: {{ session.id }}</small></span>{% endif %}
   <p class="text-muted"><small>Now running:
   {% for product, version in versions %}
     {{ product }}: <tt>{{ version }}</tt>{{ ' / '  if not loop.last }}
diff -r 3500cb0c54d1 -r f2f434eafb66 farol/templates/layout.j2
--- a/farol/templates/layout.j2	Fri Oct 31 14:18:47 2014 +0100
+++ b/farol/templates/layout.j2	Fri Oct 31 14:19:16 2014 +0100
@@ -70,7 +70,7 @@
         </div>{# /.navbar-collapse #}
       </div>{# /.container-fluid #}
     </nav>
-    <div class="container">
+    <div class="main container">
       {% block pre_content %}{% endblock %}
       <div>
         {% block content %}{% endblock %}