Add footer to all pages. Update style a bit.

views/inventoryPage/inventory.ejs

@@ -157,6 +157,8 @@
             </table>
         </div>
 
+        <%- include ../shared/footer %>
+
         <script>
                 <% if(locals.error){ %>
                     let error = <%- JSON.stringify(error) %>;

views/merchantSetupPage/merchantSetup.ejs

@@ -129,6 +129,8 @@
             </table>
         </div>
 
+        <%- include ../shared/footer %>
+
         <script>
             let ingredients = <%- JSON.stringify(ingredients) %>;
             let recipes = <%- JSON.stringify(recipes) %>;

views/shared/footer.ejs

@@ -1,3 +1,5 @@
+<div class="spacer"></div>
+
 <div class="footer">
     <p>The Subline</p>
     <div>

views/shared/shared.css

@@ -5,8 +5,11 @@
 }
 
 body{
+    display: flex;
+    flex-direction: column;
     font-family:'Saira',sans-serif;
     color: rgb(0, 27, 45);
+    min-height: 100vh;
 }
 
 /* General style that should apply to all pages */
@@ -204,11 +207,16 @@ strand-selector{
     }
 
 /* Footer Partial */
+.spacer{
+    flex: 1;
+}
+
 .footer{
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 10px;
+    background: rgb(240, 252, 255);
 }
 
     .footer > *{