From d922fe11754758d7bfd111516fe4ebc030f2663d Mon Sep 17 00:00:00 2001
From: xiajunjie <752696511@qq.com>
Date: Mon, 24 May 2021 21:38:00 +0800
Subject: [PATCH] feat(frontend):UI fix

---
 frontend/src/views/dataset/data/TabDataPreview.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/dataset/data/TabDataPreview.vue b/frontend/src/views/dataset/data/TabDataPreview.vue
index 6348fe1244..484e140cae 100644
--- a/frontend/src/views/dataset/data/TabDataPreview.vue
+++ b/frontend/src/views/dataset/data/TabDataPreview.vue
@@ -1,11 +1,12 @@
 <template>
   <el-col>
     <el-row>
-      <el-col style="width: 200px;">
-        <el-form ref="form" :model="form" label-width="100px" size="mini" class="row-style">
-          <el-form-item :label="$t('dataset.showRow')">
+      <el-col style="width: 300px;">
+        <el-form ref="form" :model="form" size="mini" class="row-style">
+          <el-form-item>
+            <span style="width: 100px;">{{ $t('dataset.showRow') }}</span>
             <el-input v-model="form.row">
-              <el-button slot="append" icon="el-icon-search" @click="reSearch" />
+              <el-button size="mini" slot="append" icon="el-icon-search" @click="reSearch" />
             </el-input>
           </el-form-item>
         </el-form>
@@ -156,6 +157,11 @@ export default {
   .row-style>>>.el-form-item--mini.el-form-item{
     margin-bottom: 10px;
   }
+  .row-style>>>.el-form-item__content{
+    display: flex;
+    flex-direction: row;
+    width: 250px;
+  }
   .el-pagination{
     float: right;
   }