Ensure the footer is not to huge, if the page's content is small

htdocs/src/App.vue

@@ -76,7 +76,7 @@
       </b-container>
     </b-navbar>
 
-    <router-view />
+    <router-view style="min-height: 80vh" />
 
     <b-toaster name="b-toaster-content-right" style="position: fixed; top: 70px; right: 0; z-index: 10; min-width: 30vw;" />
 

htdocs/src/views/domain-list.vue

@@ -32,7 +32,7 @@
   -->
 
 <template>
-  <b-container class="mt-4 mb-5">
+  <b-container class="pt-4 pb-5">
     <h1 class="text-center mb-4">
       Welcome to <span style="font-family: 'Fortheenas01';font-weight:bold;">happy<span style="font-family: 'Fortheenas01 Bold';margin-left:.1em;">DNS</span></span>!
     </h1>

htdocs/src/views/email-validation.vue

@@ -32,7 +32,7 @@
   -->
 
 <template>
-  <b-container style="margin-top: 10vh; margin-bottom: 10vh;">
+  <b-container style="padding-top: 10vh; padding-bottom: 10vh;">
     <b-alert v-if="error !== null" variant="danger" :show="error.length > 0">
       {{ error }}
     </b-alert>

htdocs/src/views/forgotten-password.vue

@@ -32,7 +32,7 @@
   -->
 
 <template>
-  <b-container style="margin-top: 10vh; margin-bottom: 10vh;">
+  <b-container style="padding-top: 10vh; padding-bottom: 10vh;">
     <b-alert v-if="error !== null" variant="danger" :show="error.length > 0">
       {{ error }}
     </b-alert>

htdocs/src/views/login.vue

@@ -32,7 +32,7 @@
   -->
 
 <template>
-  <b-container style="margin-top: 10vh; margin-bottom: 10vh;">
+  <b-container style="padding-top: 10vh; padding-bottom: 10vh;">
     <b-row>
       <b-col sm="4" class="d-none d-sm-flex align-items-center">
         <div>

htdocs/src/views/source-list.vue

@@ -32,7 +32,7 @@
   -->
 
 <template>
-  <b-container class="mt-4 mb-5">
+  <b-container class="pt-4 pb-5">
     <b-button type="button" variant="primary" class="float-right" @click="newSource">
       <b-icon icon="plus" />
       Add new source