From cd861dd437544bb699fc33be8fd2effff5397384 Mon Sep 17 00:00:00 2001
From: Thomas Wade <gigatech55@gmail.com>
Date: Thu, 25 Oct 2018 12:46:55 +1030
Subject: [PATCH] Basic footer layout

---
 index.html         |  2 +-
 styles/default.css | 19 ++++++++++++++-----
 views/footer.html  |  4 +++-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index a1734dc..583ae6f 100644
--- a/index.html
+++ b/index.html
@@ -22,8 +22,8 @@
                     <ng-view></ng-view>
                 </div>
                 <ng-include src="'views/sidebar.html'"></ng-include>
-                <ng-include src="'views/footer.html'"></ng-include>
             </div>
+            <ng-include src="'views/footer.html'"></ng-include>
         </div>
     </body>
 </html>
diff --git a/styles/default.css b/styles/default.css
index b97906c..656feb1 100644
--- a/styles/default.css
+++ b/styles/default.css
@@ -33,7 +33,7 @@ a
     position: relative;
 
     width: 800px;
-    min-height: calc(100vh - 120px);
+    min-height: calc(100vh - 116px - 100px);
     margin-right: auto;
     margin-left: auto;
     padding-top: 100px;
@@ -125,11 +125,20 @@ a
 
 .footerContainer
 {
-    position: absolute;
-    bottom: 0;
-
     width: 100%;
-    height: 100px;
+    height: 60px;
+}
+
+.centreFooterContainer
+{
+    width: calc(800px - 20px);
+    height: 100%;
+    margin-right: auto;
+    margin-left: auto;
+    padding: 10px;
+
+    color: #fff;
+    background-color: #000;
 }
 
 .sidebar
diff --git a/views/footer.html b/views/footer.html
index f33f44e..648438d 100644
--- a/views/footer.html
+++ b/views/footer.html
@@ -1,3 +1,5 @@
 <div class="footerContainer">
-    Footer
+    <div class="centreFooterContainer">
+        Footer
+    </div>
 </div>