fix : items & package & barcode modal & show-modal

src/views/MedicalCenter/List.vue

@@ -31,7 +31,7 @@
               <span class="subheading font-weight-light text-white text--darken-3" v-text="header.text" />
             </template>
             <template slot="items" slot-scope="{ item }">
-              <td class="headline font-weight-light WM-NoLetterSpacing">{{ item.name }}</td>
+              <td class="title font-weight-light WM-NoLetterSpacing">{{ item.name }}</td>
               <td class="title font-weight-light">{{ $d(new Date(item.created_at), 'long') }}</td>
               <td class="title font-weight-light">{{ item.users_count }} Operator</td>
               <td class="text-xs-right FlexBtn Height-MD-80 Height-SM-48 justify-self-end">
@@ -61,7 +61,7 @@
                 <v-tooltip bottom open-on-hover>
                   <template v-slot:activator="{ on, attrs }">
                     <v-btn v-bind="attrs" v-on="on" color="pink" @click="remove(item.id)" class="WM-ActionButton">
-                      <v-icon class="white--text mr-2 caption">fas fa-times</v-icon>
+                      <v-icon class="white--text mr-2 caption">fas fa-trash</v-icon>
                       <span>Remove</span>
                     </v-btn>
                   </template>
@@ -95,27 +95,10 @@ import { mapMutations } from 'vuex'
 export default {
   data: () => ({
     headers: [
-      {
-        sortable: false,
-        text: "Hospital Name",
-        value: "name"
-      },
-      {
-        sortable: false,
-        text: "Date",
-        value: "date"
-      },
-      {
-        sortable: false,
-        text: "Operator",
-        value: "operator"
-      },
-      {
-        sortable: false,
-        text: "Action",
-        value: "action",
-        align: "right",
-      }
+      {sortable: false, text: "Hospital Name", value: "name"},
+      {sortable: false, text: "Date", value: "date"},
+      {sortable: false, text: "Operator", value: "operator"},
+      {sortable: false, text: "Action", value: "action", align: "center",}
     ],
     filter: {
       name: ''