Fix some warnings and rename variables

frontend/src/App.vue

@@ -124,9 +124,9 @@
       </v-app-bar>
 
       <!-- Routed pages are inserted here -->
-      <v-content>
+      <v-main>
         <router-view/>
-      </v-content>
+      </v-main>
 
       <!-- Footer on bottom -->
       <v-footer app class="main">
@@ -152,7 +152,7 @@
       source: String
     },
     data: () => ({
-      drawer: null,
+      drawer: false,
       dialog: false,
       menu: false,
       loggedIn: sessionStorage.getItem("loggedin"),

frontend/src/views/TimeRecordItem.vue

@@ -62,7 +62,12 @@
 <script>
   export default {
     name: "TimeRecordItem",
-    props: ["timeRecord"]
+    props: ["timeRecord"],
+    data() {
+      return {
+        fab: false
+      }
+    }
   };
 </script>
 

frontend/src/views/UsersItems.vue

@@ -19,16 +19,14 @@
               <pre><v-icon color="primary">mdi-account-box</v-icon>{{" " + user.firstname + " " +user.lastname}}</pre>
             </v-card>
           </v-col>
-          <v-col></v-col>
-          <v-col cols="2"></v-col>
-          <v-col></v-col>
+          <v-col cols="4"></v-col>
         </v-row>
       </v-list-item-content>
       <v-list-item-action>
-        <v-speed-dial v-model="fab" transition="slide-x-reverse-transition" direction="left" open-on-hover>
+        <v-speed-dial v-model="editButton" transition="slide-x-reverse-transition" direction="left" open-on-hover>
           <template v-slot:activator>
-            <v-btn v-model="fab" color="background" elevation="0" dark fab>
-              <v-icon v-if="fab">mdi-close</v-icon>
+            <v-btn v-model="editButton" color="background" elevation="0" dark fab>
+              <v-icon v-if="editButton">mdi-close</v-icon>
               <v-icon v-else>mdi-pencil</v-icon>
             </v-btn>
           </template>
@@ -51,16 +49,12 @@
   export default {
     name: "UsersItems",
     props: ["user"],
-    data: () => ({
-      fab: undefined,
-    }),
-    methods: {
-      getUid(hrefTmp) {
-        var parts = hrefTmp.split("/");
-        return parts[4];
+    data() {
+      return {
+        editButton: false
       }
     }
-  };
+  }
 </script>
 
 <style scoped>