fix header align & style fixes

Author: hugosolar

assets/static/style.css

@@ -5,14 +5,14 @@ body {
 .page-content {
   position: relative;
   min-height: 100vh;
+  padding-bottom: 3rem;
 }
 
-.content-wrap {
-  padding-bottom: 7rem;    /* Footer height */
+.main-header .navbar-brand {
+  margin-right: 2rem;
 }
 
 .footer {
-  position: absolute;
   bottom: 0;
   height: 7rem;            /* Footer height */
 }

templates/layout.html

@@ -61,13 +61,20 @@ <h2 class="pb-2"><strong>{% block header %}{{ this.title }}{% endblock %}</stron
         </div>
       </div>
     </div>
-    <div class="row justify-content-md-center">
-      <div class="col-12 footer bg-dark text-light py-4 px-3">
-        <small>
-          <p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a></p>
-          <p class="text-muted">All the content on this website is licensed under a <strong><a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a></strong> unless otherwise specified.</p>
-        </small>
+  </div>
+  <footer class="main-footer bg-dark">
+    <div class="container-fluid">
+      <div class="row justify-content-md-center">
+        <div class="col-9 footer text-light py-4 px-3">
+          <small>
+            <p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License"
+                  style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a></p>
+            <p class="text-muted">All the content on this website is licensed under a <strong><a rel="license"
+                  href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International
+                  License</a></strong> unless otherwise specified.</p>
+          </small>
+        </div>
       </div>
     </div>
-  </div>
+  </footer>
 </body>