refactor: task detail style

src/renderer/components/TaskDetail/TaskActivity.vue

@@ -25,7 +25,7 @@
               />
             </div>
           </el-col>
-          <el-col :span="4">
+          <el-col :span="5">
             {{ percent }}
           </el-col>
         </el-row>

src/renderer/components/TaskDetail/TaskPeers.vue

@@ -4,7 +4,7 @@
       <el-table
         stripe
         ref="peerTable"
-        style="width: 100%"
+        class="mo-peer-table"
         :data="peers"
       >
         <el-table-column
@@ -16,7 +16,7 @@
         </el-table-column>
         <el-table-column
           :label="`${$t('task.task-peer-client')}: `"
-          min-width="130">
+          min-width="125">
           <template slot-scope="scope">
             {{ scope.row.peerId | peerIdParser }}
           </template>
@@ -32,7 +32,7 @@
         <el-table-column
           :label="`↑`"
           align="right"
-          width="95">
+          width="90">
           <template slot-scope="scope">
             {{ scope.row.uploadSpeed | bytesToSize }}/s
           </template>
@@ -40,7 +40,7 @@
         <el-table-column
           :label="`↓`"
           align="right"
-          width="95">
+          width="90">
           <template slot-scope="scope">
             {{ scope.row.downloadSpeed | bytesToSize }}/s
           </template>
@@ -74,3 +74,10 @@
     }
   }
 </script>
+
+<style lang="scss">
+.el-table.mo-peer-table .cell {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+</style>

src/renderer/components/Theme/Default.scss

@@ -271,6 +271,7 @@ iframe {
   line-height: 0;
   border: 1px solid $--task-detail-box-border;
   border-radius: $--border-radius-base;
+  box-sizing: content-box;
 }
 
 .form-static-value {