fix transparent logout button

src/components/settings.vue

@@ -13,13 +13,15 @@
 
   <!-- Settings div. -->
   <div id="settings" v-show="toggleSettings">
+  </div>
+
     <button
+      v-if="toggleSettings"
       class="settingsOption"
       @click="onLogout"
     >
       Logout
     </button>
-  </div>
 
 </template>
 
@@ -141,6 +143,11 @@
   border: none;
   outline: none;
   text-decoration: none;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 5;
 }
 
 .settingsOption:hover {