From fcfd32a71ebd2c64fd0eb4ef19a7e63a0c112ade Mon Sep 17 00:00:00 2001
From: Dr_rOot <agalwood.net@gmail.com>
Date: Fri, 7 May 2021 14:06:35 +0800
Subject: [PATCH] refactor: task detail style

---
 .../components/TaskDetail/TaskActivity.vue        |  2 +-
 src/renderer/components/TaskDetail/TaskPeers.vue  | 15 +++++++++++----
 src/renderer/components/Theme/Default.scss        |  1 +
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/TaskDetail/TaskActivity.vue b/src/renderer/components/TaskDetail/TaskActivity.vue
index ec1be6b..91fdc5d 100644
--- a/src/renderer/components/TaskDetail/TaskActivity.vue
+++ b/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>
diff --git a/src/renderer/components/TaskDetail/TaskPeers.vue b/src/renderer/components/TaskDetail/TaskPeers.vue
index d71ac1d..046a7a0 100644
--- a/src/renderer/components/TaskDetail/TaskPeers.vue
+++ b/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>
diff --git a/src/renderer/components/Theme/Default.scss b/src/renderer/components/Theme/Default.scss
index 0d6ffe7..e6ce3cd 100644
--- a/src/renderer/components/Theme/Default.scss
+++ b/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 {