Make footer scrollable

auth/assets/public/style.css

@@ -3,7 +3,7 @@
   --primary-hover: #061E2C;
   --light: #E4E9EF;
   --danger: #E24646;
-  --body-margin: 50px;
+  --body-margin: 2.6vw;
 }
 
 @font-face {
@@ -38,11 +38,17 @@
   font-display: swap;
 }
 
+html {
+  height: 100%;
+}
+
 
 body {
-  margin: var(--body-margin) 0;
+  margin-top: var(--body-margin);
   font-family: 'Poppins-Regular';
-  height: calc(100vh - 2 * var(--body-margin));
+  min-height: calc(100% - var(--body-margin));
+  display: grid;
+  grid-template-rows: auto;
 }
 
 .logo {
@@ -152,8 +158,7 @@ select.form-control {
 }
 
 .footer {
-  position: fixed;
-  bottom: 0;
+  margin-top: auto;
 }
 
 /* position bootstrap icons on buttons centrally */

auth/assets/templates/inc_footer.html.tpl

@@ -1,7 +1,7 @@
 		</main>
 		{{ template "inc_toasts.html.tpl" .alerts }}
-        <div class="footer col text-center mb-4 py-4 text-white">
-            Access source code on <a href="https://github.com/cortezaproject/" target="_blank" class="text-white ml-2">GitHub</a>
+        <div class="footer col text-center py-4 text-white">
+        	{{ tr "inc_footer.code-link" }}<a href="https://github.com/cortezaproject/" target="_blank" class="text-white ml-2">GitHub</a>
         </div>
 	</body>
 	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>