fix : display data in details and style

src/views/Item/List.vue

@@ -113,6 +113,17 @@
                                         </template>
                                         <span>Generate Barcode</span>
                                     </v-tooltip>
+                                    <v-tooltip bottom open-on-hover>
+                                        <template v-slot:activator="{ on, attrs }">
+                                            <v-btn class="mr-2" v-bind="attrs" v-on="on" color="light-gray"
+                                                   v-if="$hasRole('Admin|Supervisor') || item.user_id == $store.state.user.id"
+                                                   @click="transfer(item)">
+                                                <v-icon class="black--text mr-2 caption">fas fa-arrows-alt</v-icon>
+                                                <span class="CSSD-font">Transfer</span>
+                                            </v-btn>
+                                        </template>
+                                        <span>Transfer</span>
+                                    </v-tooltip>
                                     <v-tooltip bottom open-on-hover>
                                         <template v-slot:activator="{ on, attrs }">
                                             <router-link class="LinkBtn"
@@ -291,7 +302,13 @@ export default {
                 const target = this.items.find(i => i.id === item.id)
                 if (target) target.status = newStatus
             }
-        }
+        },
+        async transfer(data) {
+            this.changeCurrentModal({
+                modal: "modal-user-list",
+                properties: {data},
+            });
+        },
     },
     watch: {
         currentPage(page) {