Improve footer

validata_ui/static/css/sticky-footer-navbar.css

-/* http://getbootstrap.com/docs/4.1/examples/sticky-footer-navbar/ */
-html {
-    position: relative;
-    min-height: 100%;
-}
-body {
-    /* Margin bottom by footer height */
-    /* footer height + 20 */
-    margin-bottom: 80px;
-}
 .footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    /* Set the fixed height of the footer here */
-    height: 60px;
-    line-height: 60px; /* Vertically center the text there */
     background-color: #f5f5f5;
+    padding: 3em;
+    margin-top: 5em;
 }
\ No newline at end of file

validata_ui/templates/base_template.html

@@ -61,15 +61,15 @@
     <script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script>
     {% block footer %}{% endblock %}
     <footer class="footer">
-        <div class="container">
-            <span class="muted">Un service de validation mis à disposition par
+        <div>
+            Un service de validation mis à disposition par
             <a href="http://www.opendatafrance.net/">OpenDataFrance</a> avec
-                l'aide de <a href="https://jailbreak.paris">Jailbreak</a></span>
-            -
-            <span class="muted"><a href="/docs" target="_blank">Documentation</a></span>
-            -
-            <span class="muted"><a href="/api/v1/apidocs" target="_blank">API</a></span>
+            l'aide de <a href="https://jailbreak.paris">Jailbreak</a>
         </div>
+        <ul class="list-unstyled mt-4">
+            <li><a href="/docs" target="_blank">Documentation</a></li>
+            <li><a href="/api/v1/apidocs" target="_blank">API</a></li>
+        </ul>
     </footer>
 
     {% if not config['DEBUG'] %}