users same style as timetrack

frontend/src/App.vue

@@ -197,7 +197,7 @@ export default {
          sessionStorage.setItem("lastname", userInformation.lastname);
          sessionStorage.setItem("username", userInformation.username);
          sessionStorage.setItem("role", userInformation.role.name);
-         console.log(this.fullname);
+         
          
           this.fullname= sessionStorage.getItem("firstname") + " " + sessionStorage.getItem("lastname");
           location.reload();
@@ -209,7 +209,7 @@ export default {
       whoxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
 
       whoxhttp.send(null);
-        
+      location.reload();
       }
     },
     signUp(signupData) {

frontend/src/views/Users.vue

@@ -1,9 +1,9 @@
 <template>
-  <div>
+  <v-container fluid>
     <div v-bind:key="user.username" v-for="user in users">
       <UsersItems v-bind:user="user" v-on:edit-user="edituser" />
     </div>
-  </div>
+  </v-container>
 </template>
 
 <script>

frontend/src/views/UsersItems.vue

@@ -1,17 +1,12 @@
 <template>
-  <div class="time-record-item">
   <v-card outlined>
     <v-list-item class="main_accent">
       <v-list-item-content>
         <v-row no-gutters align="center">
-            <v-col cols="2">
-              <pre>    <v-avatar>
-      <img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John" />
-    </v-avatar>
-
-</pre>
+          <v-col cols="1">
+            <v-avatar><img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John" /></v-avatar>
           </v-col>
-            <v-col></v-col>
+          
           <v-col cols="3">
             <v-card color="background" elevation="0">
               <pre><v-icon color="primary">mdi-account</v-icon>{{" " + user.username}}</pre>
@@ -24,8 +19,7 @@
             </v-card>
           </v-col>
           <v-col></v-col>
-            <v-col cols="2">
-            </v-col>
+          <v-col cols="2"></v-col>
           <v-col></v-col>
         </v-row>
       </v-list-item-content>
@@ -52,7 +46,6 @@
       </v-list-item-action>
     </v-list-item>
   </v-card>
-  </div>
 </template>
 
 <script>
@@ -63,30 +56,9 @@ export default {
 </script>
 
 <style scoped>
-.time-record-item {
-  background: #131313;
-  padding: 10px;
-  border-bottom: 3px #272727 solid;
-}
-
-.del {
-  background: #ff0000;
-  color: #fff;
-  border: none;
-  padding: 5px 9px;
-  border-radius: 0%;
-  cursor: pointer;
-  float: right;
-}
-
-.edit {
-  background: #272727;
-  color: #fff;
-  border: none;
-  padding: 5px 9px;
-  border-radius: 0%;
-  cursor: pointer;
-  float: right;
-  margin: 0px;
+.v-card {
+  border-color: #131313 !important;
+  border-width: 3px !important;
+  border-radius: 10000px !important;
 }
 </style>