updated footer position

Author: navalpatel384

src/App.vue

@@ -1,5 +1,6 @@
 <template>
   <div id="app">
+    <div id="appMain">
       <header>
         <nav id="navbar" class="navbar is-transparent">
           <div class="navbar-brand">
@@ -27,7 +28,6 @@
                 Support
               </a>
             </div>
-
             <div class="navbar-end">
               <div class="navbar-item">
                 <div class="field is-grouped">
@@ -48,6 +48,14 @@
     <keep-alive>
       <router-view :auth="auth" :authenticated="authenticated"/>
     </keep-alive>
+    </div>
+    <footer class="footer">
+      <div class="content has-text-centered">
+        <p class="footer-text"><strong>CloudCite</strong> by the Hackdromeda team. The source code is licensed
+            <a href="https://github.com/avimshah/cloudcite/blob/master/LICENSE">GNU AGPL v3.0</a>. <img width="150" height="50" src="static/a0-badge-light.png"/>
+        </p>
+      </div>
+    </footer>
   </div>
 </template>
 
@@ -129,22 +137,21 @@ html {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
-  height: 100vh;
   background-image: radial-gradient(#005eea,#32363c);
 }
 
+#appMain {
+  min-height: 100vh;
+}
+
 nav {
   padding: 5px;
   background-color: #fff;
 }
 
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  padding: 0px;
-  padding-top: 10px;
-  padding-bottom: 10px;
+footer {
+    position: static;
+    width: 100%;
 }
 
 .footer img {

src/views/About.vue

@@ -1,12 +1,5 @@
 <template>
   <div class="content" id="about">
-    <footer class="footer">
-      <div class="content has-text-centered">
-        <p class="footer-text"><strong>CloudCite</strong> by the Hackdromeda team. The source code is licensed
-            <a href="https://github.com/avimshah/cloudcite/blob/master/LICENSE">GNU AGPL v3.0</a>. <img width="150" height="50" src="static/a0-badge-light.png"/>
-        </p>
-      </div>
-    </footer>
   </div>
 </template>
 

src/views/EditWebsite.vue

@@ -3,10 +3,13 @@
         <div class="box" id="editwebsitebox">
             <h1 id="editFormTitle" class="title is-size-4">Edit Website Citation</h1>
             <b-field grouped>
-                <b-field label="First Name" expanded>
+                <b-field label="Author's First Name" expanded>
                     <b-input></b-input>
                 </b-field>
-                <b-field label="Last Name" expanded>
+                <b-field label="Author's Middle Name" expanded>
+                    <b-input></b-input>
+                </b-field>
+                <b-field label="Author's Last Name" expanded>
                     <b-input></b-input>
                 </b-field>
             </b-field>
@@ -30,7 +33,7 @@ export default class EditWebsite extends Vue {}
 }
 @media (max-width: 991.97px) {
     #editwebsite {
-        padding: 10px;
+        padding: 1px;
         margin-left: 5%;
         margin-right: 5%;
         text-align: center;
@@ -42,7 +45,7 @@ export default class EditWebsite extends Vue {}
         padding: 10px;
         margin-left: 15%;
         margin-right: 15%;
-        text-align: center;
+        text-align: left;
         justify-content: center;
     }
 }

src/views/Home.vue

@@ -5,13 +5,6 @@
       <h1 id="welcomeText" class="title is-size-2">Welcome to CloudCite</h1>
       <Cite/>
     </div>
-    <footer class="footer">
-      <div class="content has-text-centered">
-        <p class="footer-text"><strong>CloudCite</strong> by the Hackdromeda team. The source code is licensed
-            <a href="https://github.com/avimshah/cloudcite/blob/master/LICENSE">GNU AGPL v3.0</a>. <img width="150" height="50" src="static/a0-badge-light.png"/>
-        </p>
-      </div>
-    </footer>
   </div>
 </template>