Pin footer to bottom of page

Zandercraft · Sep 27, 2023 · c647ffe · c647ffe
1 parent f7a6ed7
commit c647ffe
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/public/js/common-script.js b/public/js/common-script.js
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -1,8 +1,11 @@
 body {
-  padding: 50px;
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
 }
 
+.pageContent {
+  padding: 50px;
+}
+
 a {
   color: #00B7FF;
 }
diff --git a/public/stylesheets/styles.css b/public/stylesheets/styles.css
@@ -10889,8 +10889,10 @@ body {
   min-width: 0;
   flex-grow: 1;
 }
-#layoutError #layoutError_footer {
-  min-width: 0;
+#layoutError_footer {
+  min-width: 100%;
+  position: absolute;
+  bottom: 0;
 }
 
 .img-error {

diff --git a/views/layout.hbs b/views/layout.hbs
@@ -11,7 +11,10 @@
     <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
 </head>
 <body>
-{{{body}}}
+<div class="pageContent">
+    {{{body}}}
+</div>
+
 <div id="layoutError_footer">
     <footer class="py-4 bg-light mt-auto">
         <div class="container-fluid px-4">