Fix align in invite tokens table

src/views/invites/index.vue

@@ -74,32 +74,40 @@
       class="invite-token-table">
       <el-table-column
         :label="$t('invites.id')"
+        min-width="60"
         prop="id"
-        sortable
-        min-width="60"/>
+        sortable/>
       <el-table-column
         :label="$t('invites.token')"
-        prop="token"
-        min-width="350"/>
+        min-width="350"
+        prop="token"/>
       <el-table-column
         :label="$t('invites.expiresAt')"
+        align="center"
+        header-align="center"
+        min-width="110"
         prop="expires_at"
-        sortable
-        min-width="110"/>
+        sortable/>
       <el-table-column
         :label="$t('invites.maxUse')"
+        align="center"
+        header-align="center"
+        min-width="60"
         prop="max_use"
-        sortable
-        min-width="60"/>
+        sortable/>
       <el-table-column
         :label="$t('invites.uses')"
-        prop="uses"
-        min-width="60"/>
+        align="center"
+        header-align="center"
+        min-width="60"
+        prop="uses"/>
       <el-table-column
         :label="$t('invites.used')"
+        align="center"
+        header-align="center"
+        min-width="60"
         prop="used"
-        sortable
-        min-width="60">
+        sortable>
         <template slot-scope="scope">
           <el-tag
             :type="scope.row.used ? 'danger' : 'success'"
@@ -108,6 +116,8 @@
       </el-table-column>
       <el-table-column
         :label="$t('invites.actions')"
+        align="center"
+        header-align="center"
         min-width="100">
         <template slot-scope="scope">
           <el-button type="text" size="small" @click.native="revokeInviteToken(scope.row.token)">