项目详情任务列表复选框未对齐、标题名称字段被遮挡

src/views/projectManage/projectList/projectViewDetails.vue

@@ -250,7 +250,7 @@
           </div>
         </el-aside>
         <el-container>
-          <el-main class="bgborder" style=" margin: 0 1.3% 1.3% 0;min-height: 50vh;">
+          <el-main class="bgborder planList" style=" margin: 0 1.3% 1.3% 0;min-height: 50vh;">
             <div class="titDiv">
               <div class="titIcon" />
               <div class="titSonName">任务列表</div>
@@ -278,7 +278,7 @@
             >
               <el-table-column type="selection" width="55" align="center" />
               <el-table-column label="任务名称" min-width="100" align="center" show-overflow-tooltip>
-                <template slot-scope="scope"><div style="cursor: pointer;" @click="link_task(scope.row.id)">{{ scope.row.name }}</div></template>
+                <template slot-scope="scope" @click="link_task(scope.row.id)">{{ scope.row.name }}</template>
               </el-table-column>
               <el-table-column label="所属需求" min-width="100" align="center" show-overflow-tooltip>
                 <template slot-scope="scope">{{ scope.row.requireName }}</template>
@@ -1274,5 +1274,8 @@ export default {
   display: flex;
   justify-content: start;
 }
-
+.planList /deep/ .el-table th>.cell {
+  padding-left: 14px;
+  padding-right: 14px;
+}
 </style>