From e63c16d1364244b10be47e065cd1aca1c303eeb0 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Thu, 7 Oct 2021 19:26:15 +0200
Subject: [PATCH] fixed sticky footer

---
 public/index.html      | 2 +-
 src/App.vue            | 2 +-
 src/components/Nav.vue | 5 -----
 3 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3e5a139..d6a7e99 100644
--- a/public/index.html
+++ b/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>
diff --git a/src/App.vue b/src/App.vue
index 3f4925a..4af314d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,7 @@
     <div class="spacer"></div>
     <router-view/>
   </main>
-  <footer>
+  <footer class="mt-auto">
     <Footer />
   </footer>
 </template>
diff --git a/src/components/Nav.vue b/src/components/Nav.vue
index 6da69f6..cef0653 100644
--- a/src/components/Nav.vue
+++ b/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%;
-      //}
     }
   }
 }