From 0705aadb0468092c67eecb4cff369c9dcde819c5 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Thu, 8 Sep 2022 19:37:33 +0800
Subject: [PATCH] update style

---
 src/views/dashboard/graphs/EndpointList.vue | 11 +++++++----
 src/views/dashboard/graphs/InstanceList.vue |  7 +++++--
 src/views/dashboard/graphs/ServiceList.vue  |  7 +++++--
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/views/dashboard/graphs/EndpointList.vue b/src/views/dashboard/graphs/EndpointList.vue
index 2967a567..1a80a824 100644
--- a/src/views/dashboard/graphs/EndpointList.vue
+++ b/src/views/dashboard/graphs/EndpointList.vue
@@ -17,14 +17,13 @@ limitations under the License. -->
     <div class="search">
       <el-input
         v-model="searchText"
-        placeholder="Please input endpoint name"
-        size="small"
+        placeholder="Search for more endpoints"
         @change="searchList"
         class="inputs"
       >
         <template #append>
-          <el-button size="small" @click="searchList">
-            <Icon size="sm" iconName="search" />
+          <el-button @click="searchList" class="btn">
+            <Icon size="middle" iconName="search" />
           </el-button>
         </template>
       </el-input>
@@ -198,4 +197,8 @@ watch(
 .inputs {
   width: 300px;
 }
+
+.btn {
+  margin-top: -12px;
+}
 </style>
diff --git a/src/views/dashboard/graphs/InstanceList.vue b/src/views/dashboard/graphs/InstanceList.vue
index 412973ca..1bcc7e62 100644
--- a/src/views/dashboard/graphs/InstanceList.vue
+++ b/src/views/dashboard/graphs/InstanceList.vue
@@ -18,12 +18,11 @@ limitations under the License. -->
       <el-input
         v-model="searchText"
         placeholder="Please input instance name"
-        size="small"
         @change="searchList"
         class="inputs"
       >
         <template #append>
-          <el-button size="small" @click="searchList">
+          <el-button class="btn" @click="searchList">
             <Icon size="sm" iconName="search" />
           </el-button>
         </template>
@@ -255,4 +254,8 @@ watch(
   max-height: 400px;
   overflow: auto;
 }
+
+.btn {
+  margin-top: -12px;
+}
 </style>
diff --git a/src/views/dashboard/graphs/ServiceList.vue b/src/views/dashboard/graphs/ServiceList.vue
index bfeb4553..74a4eb5f 100644
--- a/src/views/dashboard/graphs/ServiceList.vue
+++ b/src/views/dashboard/graphs/ServiceList.vue
@@ -18,12 +18,11 @@ limitations under the License. -->
       <el-input
         v-model="searchText"
         placeholder="Please input service name"
-        size="small"
         @change="searchList"
         class="inputs mt-5"
       >
         <template #append>
-          <el-button size="small" @click="searchList">
+          <el-button class="btn" @click="searchList">
             <Icon size="sm" iconName="search" />
           </el-button>
         </template>
@@ -290,4 +289,8 @@ watch(
 .inputs {
   width: 300px;
 }
+
+.btn {
+  margin-top: -12px;
+}
 </style>