From 67506d28bf523c09c8bb432ddd11547f16838444 Mon Sep 17 00:00:00 2001
From: Thomas Wade <gigatech55@gmail.com>
Date: Thu, 25 Oct 2018 12:36:53 +1030
Subject: [PATCH 1/2] Replace all `vw`s with `%`s

---
 styles/default.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/styles/default.css b/styles/default.css
index 1d026f9..b97906c 100644
--- a/styles/default.css
+++ b/styles/default.css
@@ -34,7 +34,8 @@ a
 
     width: 800px;
     min-height: calc(100vh - 120px);
-    margin-left: calc(50vw - 400px);
+    margin-right: auto;
+    margin-left: auto;
     padding-top: 100px;
 }
 
@@ -46,7 +47,7 @@ a
     z-index: 10;
     top: 0;
 
-    width: 100vw;
+    width: 100%;
     height: 70px;
 
     vertical-align: middle;

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 2/2] 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>