From 0df1739f1de413555a261294540472bdc3997d2d Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Fri, 6 May 2022 05:52:36 +0100
Subject: [PATCH] first attempt to realigning

---
 src/views/dashboard/panel/Tool.vue                     | 10 +++++++---
 .../dashboard/panel/component/TraceDetailsTools.vue    | 10 +++++-----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/views/dashboard/panel/Tool.vue b/src/views/dashboard/panel/Tool.vue
index 33aac71b..a945ada2 100644
--- a/src/views/dashboard/panel/Tool.vue
+++ b/src/views/dashboard/panel/Tool.vue
@@ -16,7 +16,10 @@ limitations under the License. -->
   <div class="dashboard-tool flex-h">
     <div class="flex-h">
       <div class="flex-h">
-        <div class="selectors-item" v-if="key !== 10">
+        <div
+          class="selectors-item"
+          v-if="key !== 10 && currentTraceView === 'traceList'"
+        >
           <el-tooltip
             class="box-item"
             effect="dark"
@@ -52,8 +55,8 @@ limitations under the License. -->
           >
             <Icon iconSize="sm" iconName="cancel" />
           </el-button>
-        </div>
-        <div class="selectors-item" v-if="key === 3 || key === 4">
+        </div>        
+        <div class="selectors-item" v-if="(key === 3 || key === 4 ) && currentTraceView === 'traceList' " >        
           <el-tooltip
             v-if="!selectedSelector.length || selectedSelector === '$endpoint'"
             class="box-item"
@@ -69,6 +72,7 @@ limitations under the License. -->
               <Icon size="sm" iconName="view" />
             </el-button>
           </el-tooltip>
+          <span>Inhouse</span>
           <Selector
             v-if="selectedSelector === '$endpoint'"
             style="margin-left: 20px"
diff --git a/src/views/dashboard/panel/component/TraceDetailsTools.vue b/src/views/dashboard/panel/component/TraceDetailsTools.vue
index 789f5c9e..54a85b5f 100644
--- a/src/views/dashboard/panel/component/TraceDetailsTools.vue
+++ b/src/views/dashboard/panel/component/TraceDetailsTools.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="trace-detail-wrapper clear"
+    class="trace-detail-wrapper flex-h clear"
     v-if="traceStore.currentTrace.endpointNames"
   >
     <h5 class="mb-5 mt-0">
@@ -74,7 +74,7 @@
       />
     </div>
     <div class="flex-h item">
-      <div>
+      <!-- <div>
         <div class="tag mr-5">{{ t("start") }}</div>
         <span class="mr-15 sm">
           {{ dateFormat(parseInt(traceStore.currentTrace.start)) }}
@@ -83,7 +83,7 @@
         <span class="mr-15 sm">{{ traceStore.currentTrace.duration }} ms</span>
         <div class="tag mr-5">{{ t("spans") }}</div>
         <span class="sm">{{ traceStore.traceSpans.length }}</span>
-      </div>
+      </div> -->
       <div>
         <el-button
           class="grey"
@@ -235,10 +235,10 @@ export default defineComponent({
 
 .trace-detail-wrapper {
   font-size: 12px;
-  padding: 5px 10px;
+//   padding: 5px 10px;
   border-bottom: 1px solid #eee;
   width: 100%;
-  height: 95px;
+//   height: 95px;
 
   .grey {
     color: #fff;