From 62ca102aa6c8f9e6b849ca76b4ae1e4e8c82ca29 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Sun, 24 Apr 2022 14:44:55 +0800
Subject: [PATCH] fix style

---
 src/views/dashboard/data.ts                                | 4 ++--
 src/views/dashboard/related/ebpf/Content.vue               | 3 ++-
 src/views/dashboard/related/ebpf/Header.vue                | 7 ++++++-
 .../dashboard/related/ebpf/components/EBPFSchedules.vue    | 1 +
 src/views/dashboard/related/ebpf/components/EBPFStack.vue  | 2 +-
 src/views/dashboard/related/ebpf/components/NewTask.vue    | 2 +-
 6 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/views/dashboard/data.ts b/src/views/dashboard/data.ts
index f5b0532f..c6e4bc32 100644
--- a/src/views/dashboard/data.ts
+++ b/src/views/dashboard/data.ts
@@ -183,8 +183,8 @@ export const ServiceTools = [
   { name: "library_books", content: "Text", id: "addText" },
   { name: "device_hub", content: "Topology", id: "addTopology" },
   { name: "merge", content: "Trace", id: "addTrace" },
-  { name: "timeline", content: "Trace Profile", id: "addProfile" },
-  { name: "insert_chart", content: "eBPF Profile", id: "addEbpf" },
+  { name: "timeline", content: "Trace Profiling", id: "addProfile" },
+  { name: "insert_chart", content: "eBPF Profiling", id: "addEbpf" },
   { name: "assignment", content: "Log", id: "addLog" },
 ];
 export const InstanceTools = [
diff --git a/src/views/dashboard/related/ebpf/Content.vue b/src/views/dashboard/related/ebpf/Content.vue
index 009f442b..e4b0653b 100644
--- a/src/views/dashboard/related/ebpf/Content.vue
+++ b/src/views/dashboard/related/ebpf/Content.vue
@@ -44,6 +44,7 @@ import EBPFStack from "./components/EBPFStack.vue";
 .item {
   width: 100%;
   overflow: auto;
-  height: 50%;
+  height: calc(50% - 10px);
+  padding-bottom: 10px;
 }
 </style>
diff --git a/src/views/dashboard/related/ebpf/Header.vue b/src/views/dashboard/related/ebpf/Header.vue
index e4b4a4ae..da7a809f 100644
--- a/src/views/dashboard/related/ebpf/Header.vue
+++ b/src/views/dashboard/related/ebpf/Header.vue
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="flex-h header">
-    <div>eBPF Profile</div>
+    <div class="title">eBPF Profiling</div>
     <el-button type="primary" size="small" @click="createTask">
       {{ t("newTask") }}
     </el-button>
@@ -96,4 +96,9 @@ watch(
 .new-btn {
   float: right;
 }
+
+.title {
+  font-weight: bold;
+  line-height: 24px;
+}
 </style>
diff --git a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
index 55adf6d1..cfdcd91c 100644
--- a/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
+++ b/src/views/dashboard/related/ebpf/components/EBPFSchedules.vue
@@ -226,6 +226,7 @@ watch(
   width: calc(100% - 5px);
   margin: 0 5px 5px 0;
   height: calc(100% - 60px);
+  min-height: 150px;
 }
 
 .inputs {
diff --git a/src/views/dashboard/related/ebpf/components/EBPFStack.vue b/src/views/dashboard/related/ebpf/components/EBPFStack.vue
index 45112e29..d2776e3a 100644
--- a/src/views/dashboard/related/ebpf/components/EBPFStack.vue
+++ b/src/views/dashboard/related/ebpf/components/EBPFStack.vue
@@ -43,7 +43,7 @@ function drawGraph() {
 
   const w = (graph.value && graph.value.getBoundingClientRect().width) || 10;
   flameChart.value = flamegraph()
-    .width(w - 10)
+    .width(w - 15)
     .cellHeight(18)
     .transitionDuration(750)
     .minFrameSize(5)
diff --git a/src/views/dashboard/related/ebpf/components/NewTask.vue b/src/views/dashboard/related/ebpf/components/NewTask.vue
index b7913cf5..5816a1e6 100644
--- a/src/views/dashboard/related/ebpf/components/NewTask.vue
+++ b/src/views/dashboard/related/ebpf/components/NewTask.vue
@@ -28,7 +28,7 @@ limitations under the License. -->
       />
     </div>
     <div>
-      <div class="label">{{ t("labels") }}</div>
+      <div class="label">{{ t("targetType") }}</div>
       <Selector
         class="profile-input"
         size="small"