From d4f4703577a0eda9a3419860bb19dfcdb6390a7c Mon Sep 17 00:00:00 2001
From: hanyuxia <hanyuxia@iie.ac.cn>
Date: Fri, 17 Jan 2020 10:35:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9BUG=201.=E6=8C=87?=
 =?UTF-8?q?=E6=A0=87=E9=A2=84=E8=A7=88=E4=B8=AD=EF=BC=8Coption=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/page/dashboard/metricSet.scss          | 4 ++++
 nezha-fronted/src/components/page/dashboard/metricSet.vue | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/page/dashboard/metricSet.scss b/nezha-fronted/src/components/page/dashboard/metricSet.scss
index 9400d8de0..4f6835d7b 100644
--- a/nezha-fronted/src/components/page/dashboard/metricSet.scss
+++ b/nezha-fronted/src/components/page/dashboard/metricSet.scss
@@ -58,6 +58,10 @@
   .w-select{
     width:130px;
   }
+  .common-float-left {
+    float: left;
+    display:inline-block;
+  }
 }
 
 // .setdata {
diff --git a/nezha-fronted/src/components/page/dashboard/metricSet.vue b/nezha-fronted/src/components/page/dashboard/metricSet.vue
index df90b0be1..e48fa5628 100644
--- a/nezha-fronted/src/components/page/dashboard/metricSet.vue
+++ b/nezha-fronted/src/components/page/dashboard/metricSet.vue
@@ -33,7 +33,7 @@
       <el-form :model="chartInfo" ref="chartInfo" v-show="isSave">
         <el-row>
           <div class="common-float-left">
-            <el-form-item  :label-width="80" :label="$t('dashboard.panel.chartForm.width')" prop="span"
+            <el-form-item  label-width="80px" :label="$t('dashboard.panel.chartForm.width')" prop="span"
             :rules="{ required: true, type: 'number', trigger: 'change' }">
               <el-select class="w-select" size="small" v-model="chartInfo.span" transfer>
                 <el-option v-for="item in spanList" :key="item" :label="'span-' + item" :value="item">
@@ -42,8 +42,10 @@
               </el-select>
             </el-form-item>
           </div>
+        </el-row>
+        <el-row>
           <div class="common-float-left">
-            <el-form-item :label-width="80" :label="$t('dashboard.panel.chartForm.high')" prop="height"
+            <el-form-item label-width="80px" :label="$t('dashboard.panel.chartForm.high')" prop="height"
             :rules="{ required: true, type: 'number', trigger: 'change' }">
               <el-input-number :min="400" size="small" v-model="chartInfo.height" class="w-select" placeholder=""></el-input-number>px
             </el-form-item>
@@ -51,7 +53,7 @@
         </el-row>
         <el-row>
           <div class="common-float-left">
-            <el-form-item :label-width="80" :label="$t('dashboard.panel.chartForm.type')" prop="type"
+            <el-form-item  label-width="80px" :label="$t('dashboard.panel.chartForm.type')" prop="type"
               :rules="{ required: true,   trigger: 'change' }">
               <el-select transfer class="w-select" v-model="chartInfo.type" size="small">
                 <el-option v-for="item in typeList"