diff --git a/frontend/src/components/Environment/EnvironmentList.vue b/frontend/src/components/Environment/EnvironmentList.vue
index dbc2c9bb..e7c89a51 100644
--- a/frontend/src/components/Environment/EnvironmentList.vue
+++ b/frontend/src/components/Environment/EnvironmentList.vue
@@ -2,8 +2,8 @@
   <div class="environment-list">
     <el-row>
       <div class="button-group">
-        <el-button type="primary" @click="addEnv" icon="el-icon-plus">{{$t('Add Environment Variables')}}</el-button>
-        <el-button type="success" @click="save">{{$t('Save')}}</el-button>
+        <el-button size="small" type="primary" @click="addEnv" icon="el-icon-plus">{{$t('Add Environment Variables')}}</el-button>
+        <el-button size="small" type="success" @click="save">{{$t('Save')}}</el-button>
       </div>
     </el-row>
     <el-row>
diff --git a/frontend/src/components/InfoView/SpiderInfoView.vue b/frontend/src/components/InfoView/SpiderInfoView.vue
index 45560c60..661e4757 100644
--- a/frontend/src/components/InfoView/SpiderInfoView.vue
+++ b/frontend/src/components/InfoView/SpiderInfoView.vue
@@ -47,8 +47,8 @@
       </el-form>
     </el-row>
     <el-row class="button-container" v-if="!isView">
-      <el-button v-if="isShowRun" type="danger" @click="onCrawl">{{$t('Run')}}</el-button>
-      <el-button type="success" @click="onSave">{{$t('Save')}}</el-button>
+      <el-button size="small" v-if="isShowRun" type="danger" @click="onCrawl">{{$t('Run')}}</el-button>
+      <el-button size="small" type="success" @click="onSave">{{$t('Save')}}</el-button>
     </el-row>
   </div>
 </template>
diff --git a/frontend/src/views/node/NodeList.vue b/frontend/src/views/node/NodeList.vue
index 8542d753..641009f3 100644
--- a/frontend/src/views/node/NodeList.vue
+++ b/frontend/src/views/node/NodeList.vue
@@ -165,7 +165,7 @@ export default {
         { name: 'ip', label: 'IP', width: '160' },
         { name: 'type', label: 'Type', width: '120' },
         // { name: 'port', label: 'Port', width: '80' },
-        { name: 'status', label: 'Status', width: '120', sortable: true },
+        { name: 'status', label: 'Status', width: '120' },
         { name: 'description', label: 'Description', width: 'auto' }
       ],
       nodeFormRules: {
diff --git a/frontend/src/views/schedule/ScheduleList.vue b/frontend/src/views/schedule/ScheduleList.vue
index 3fa78945..28ca4961 100644
--- a/frontend/src/views/schedule/ScheduleList.vue
+++ b/frontend/src/views/schedule/ScheduleList.vue
@@ -52,7 +52,7 @@
                     v-model="scheduleForm.cron"
                     :placeholder="$t('Cron')">
           </el-input>
-          <el-button style="width:100px" type="primary" @click="onShowCronDialog">{{$t('生成Cron')}}</el-button>
+          <el-button size="small" style="width:100px" type="primary" @click="onShowCronDialog">{{$t('生成Cron')}}</el-button>
         </el-form-item>
         <el-form-item :label="$t('Execute Command')" prop="params">
           <el-input v-model="spider.cmd"
@@ -70,8 +70,8 @@
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="onCancel">{{$t('Cancel')}}</el-button>
-        <el-button type="primary" @click="onAddSubmit">{{$t('Submit')}}</el-button>
+        <el-button size="small" @click="onCancel">{{$t('Cancel')}}</el-button>
+        <el-button size="small" type="primary" @click="onAddSubmit">{{$t('Submit')}}</el-button>
       </span>
     </el-dialog>
 
@@ -84,7 +84,7 @@
       <!--filter-->
       <div class="filter">
         <div class="right">
-          <el-button type="primary"
+          <el-button size="small" type="primary"
                      icon="el-icon-plus"
                      class="refresh"
                      @click="onAdd">
diff --git a/frontend/src/views/spider/SpiderList.vue b/frontend/src/views/spider/SpiderList.vue
index d791b862..348728a1 100644
--- a/frontend/src/views/spider/SpiderList.vue
+++ b/frontend/src/views/spider/SpiderList.vue
@@ -89,10 +89,11 @@
             :on-change="onUploadChange"
             :on-success="onUploadSuccess"
             :file-list="fileList">
-            <el-button type="primary" icon="el-icon-upload">{{$t('Upload')}}</el-button>
+            <el-button size="small" type="primary" icon="el-icon-upload">{{$t('Upload')}}</el-button>
           </el-upload>
         </el-form-item>
       </el-form>
+      <el-alert type="error" title="爬虫文件请从根目录下开始压缩。" :closable="false"></el-alert>
     </el-dialog>
     <!--./customized spider dialog-->
 
@@ -114,7 +115,7 @@
         <!--@change="onSearch">-->
         <!--</el-input>-->
         <div class="left">
-          <el-autocomplete v-model="filterSite"
+          <el-autocomplete size="small" v-model="filterSite"
                            :placeholder="$t('Site')"
                            clearable
                            :fetch-suggestions="fetchSiteSuggestions"
@@ -122,16 +123,16 @@
           </el-autocomplete>
         </div>
         <div class="right">
-          <el-button v-if="false" type="primary" icon="fa fa-download" @click="openImportDialog">
+          <el-button size="small" v-if="false" type="primary" icon="fa fa-download" @click="openImportDialog">
             {{$t('Import Spiders')}}
           </el-button>
-          <el-button type="success"
+          <el-button size="small" type="success"
                      icon="el-icon-plus"
                      class="btn add"
                      @click="onAdd">
             {{$t('Add Spider')}}
           </el-button>
-          <el-button type="success"
+          <el-button size="small" type="success"
                      icon="el-icon-refresh"
                      class="btn refresh"
                      @click="onRefresh">
@@ -538,7 +539,7 @@ export default {
   }
 
   .table {
-    margin-top: 20px;
+    margin-top: 8px;
     border-radius: 5px;
 
     .el-button {
diff --git a/frontend/src/views/task/TaskList.vue b/frontend/src/views/task/TaskList.vue
index e15aa661..9cbceb20 100644
--- a/frontend/src/views/task/TaskList.vue
+++ b/frontend/src/views/task/TaskList.vue
@@ -4,7 +4,7 @@
       <!--filter-->
       <div class="filter">
         <div class="left">
-          <el-select class="filter-select"
+          <el-select size="small" class="filter-select"
                      v-model="filter.node_id"
                      :placeholder="$t('Node')"
                      filterable
@@ -12,7 +12,7 @@
                      @change="onSelectNode">
             <el-option v-for="op in nodeList" :key="op._id" :value="op._id" :label="op.name"></el-option>
           </el-select>
-          <el-select class="filter-select"
+          <el-select size="small" class="filter-select"
                      v-model="filter.spider_id"
                      :placeholder="$t('Spider')"
                      filterable
@@ -20,7 +20,7 @@
                      @change="onSelectSpider">
             <el-option v-for="op in spiderList" :key="op._id" :value="op._id" :label="op.name"></el-option>
           </el-select>
-          <el-button type="success"
+          <el-button size="small" type="success"
                      icon="el-icon-search"
                      class="refresh"
                      @click="onRefresh">
@@ -119,7 +119,7 @@
                            :width="col.width">
           </el-table-column>
         </template>
-        <el-table-column :label="$t('Action')" align="left" width="150" fixed="right">
+        <el-table-column :label="$t('Action')" align="left" width="120" fixed="right">
           <template slot-scope="scope">
             <el-tooltip :content="$t('View')" placement="top">
               <el-button type="primary" icon="el-icon-search" size="mini" @click="onView(scope.row)"></el-button>
@@ -172,11 +172,11 @@ export default {
         { name: 'node_name', label: 'Node', width: '120' },
         { name: 'spider_name', label: 'Spider', width: '120' },
         { name: 'status', label: 'Status', width: '120' },
-        { name: 'create_ts', label: 'Create Time', width: '100' },
+        // { name: 'create_ts', label: 'Create Time', width: '100' },
         { name: 'start_ts', label: 'Start Time', width: '100' },
         { name: 'finish_ts', label: 'Finish Time', width: '100' },
-        { name: 'wait_duration', label: 'Wait Duration (sec)', width: '80', align: 'right' },
-        { name: 'runtime_duration', label: 'Runtime Duration (sec)', width: '80', align: 'right' },
+        { name: 'wait_duration', label: 'Wait Duration (sec)', align: 'right' },
+        { name: 'runtime_duration', label: 'Runtime Duration (sec)', align: 'right' },
         { name: 'total_duration', label: 'Total Duration (sec)', width: '80', align: 'right' },
         { name: 'result_count', label: 'Results Count', width: '80' }
         // { name: 'avg_num_results', label: 'Average Results Count per Second', width: '80' }
@@ -348,7 +348,7 @@ export default {
   }
 
   .table {
-    margin-top: 20px;
+    margin-top: 8px;
     border-radius: 5px;
 
     .el-button {
diff --git a/frontend/src/views/user/UserList.vue b/frontend/src/views/user/UserList.vue
index ff4db016..a0e2029f 100644
--- a/frontend/src/views/user/UserList.vue
+++ b/frontend/src/views/user/UserList.vue
@@ -24,6 +24,12 @@
     <!--./dialog-->
 
     <el-card>
+      <div class="filter">
+        <div class="left"></div>
+        <div class="right">
+          <!--<el-button type="primary" size="small">新增用户</el-button>-->
+        </div>
+      </div>
       <!--table-->
       <el-table
         :data="userList"
@@ -67,6 +73,7 @@
           </template>
         </el-table-column>
       </el-table>
+
       <div class="pagination">
         <el-pagination
           @current-change="onPageChange"
@@ -181,6 +188,21 @@ export default {
 </script>
 
 <style scoped>
+  .filter {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    .filter-search {
+      width: 240px;
+    }
+
+    .right {
+      .btn {
+        margin-left: 10px;
+      }
+    }
+  }
+
   .el-table {
     border-radius: 5px;
   }