From 631160750e915df07ea8ff14355e065642bf26db Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Thu, 12 May 2022 11:07:43 +0100
Subject: [PATCH] aligned instance filter

---
 src/views/dashboard/related/log/Header.vue   | 4 ++--
 src/views/dashboard/related/trace/Filter.vue | 7 +++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index 42a1010c..0296a06a 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -34,7 +34,7 @@ limitations under the License. -->
         </el-tooltip>
       </div>
     </div>
-    <div class="flex-h items-center row">
+    <div class="flex-h items-center">
       <div class="flex-h items-center" v-if="currentSearchTerm === 'service'">
         <div
           class="mr-5 flex-h items-center"
@@ -54,7 +54,7 @@ limitations under the License. -->
 
       <div class="flex-h items-center" v-if="currentSearchTerm === 'instance'">
         <div
-          class="mr-5 flex-h"
+          class="mr-5 items-center flex-h"
           v-if="
             dashboardStore.entity !== EntityType[3].value &&
             currentSearchTerm === 'instance'
diff --git a/src/views/dashboard/related/trace/Filter.vue b/src/views/dashboard/related/trace/Filter.vue
index 12386e2f..14c0f922 100644
--- a/src/views/dashboard/related/trace/Filter.vue
+++ b/src/views/dashboard/related/trace/Filter.vue
@@ -99,7 +99,7 @@ limitations under the License. -->
         <el-input size="small" class="inputs mr-5" v-model="minTraceDuration" />
         <span class="grey mr-5">-</span>
         <el-input size="small" class="inputs" v-model="maxTraceDuration" />
-      </div>        
+      </div>
       <keep-alive>
         <ConditionTags
           v-if="activeFilter === 'tags'"
@@ -209,7 +209,7 @@ const state = reactive<any>({
   service: { value: "", label: "" },
 });
 
-const tagComponent = ref<InstanceType<typeof ConditionTags> | null>(null)
+const tagComponent = ref<InstanceType<typeof ConditionTags> | null>(null);
 
 // const dateTime = computed(() => [
 //   appStore.durationRow.start,
@@ -282,7 +282,7 @@ function cancelSearch() {
       tagsList.value = [];
       tagsMap.value = [];
       updateTags({ tagsMap: [], tagsList: [] });
-      tagComponent.value?.emptyTags()
+      tagComponent.value?.emptyTags();
       break;
     case "traceId":
       traceId.value = "";
@@ -364,7 +364,6 @@ function changeField(type: string, opt: any) {
   }
 }
 function updateTags(data: { tagsMap: Array<Option>; tagsList: string[] }) {
-  console.log(data, tagComponent.value)
   tagsList.value = data.tagsList;
   tagsMap.value = data.tagsMap;
 }