fixed sticky footer

public/index.html

@@ -11,7 +11,7 @@
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div id="app"></div>
+    <div id="app" class="d-flex flex-column min-vh-100"></div>
     <!-- built files will be auto injected -->
   </body>
 </html>

src/App.vue

@@ -6,7 +6,7 @@
     <div class="spacer"></div>
     <router-view/>
   </main>
-  <footer>
+  <footer class="mt-auto">
     <Footer />
   </footer>
 </template>

src/components/Nav.vue

@@ -130,11 +130,6 @@ nav {
     input[type="search"] {
       min-width: 100%;
       max-width: 100%;
-      //
-      //&:focus {
-      //  min-width: 100%;
-      //  max-width: 100%;
-      //}
     }
   }
 }