From a54a718c2443bc4307831c6d938e4ccd55c8a933 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 26 Feb 2025 18:53:26 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../subject-setting/dashboard-style/OverallSetting.vue       | 1 +
 .../subject-setting/dashboard-style/SeniorStyleSetting.vue   | 2 +-
 .../src/components/data-visualization/CanvasAttr.vue         | 4 ++--
 .../components/editor/editor-style/VQueryChartStyle.vue      | 5 +++--
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
index c8635654f2..859a213db5 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
@@ -238,6 +238,7 @@
       v-show="dvInfo.type === 'dashboard'"
       class="form-item"
       :class="'form-item-' + themes"
+      style="margin-bottom: 0"
     >
       <el-checkbox
         :effect="themes"
diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/SeniorStyleSetting.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/SeniorStyleSetting.vue
index 2624d14de5..6399cec74b 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/SeniorStyleSetting.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/SeniorStyleSetting.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%; padding-bottom: 8px">
+  <div style="width: 100%; padding-bottom: 16px">
     <el-form label-position="top" style="width: 100%">
       <div style="width: 100%; padding: 16px 8px 0">
         <el-row :gutter="8">
diff --git a/core/core-frontend/src/components/data-visualization/CanvasAttr.vue b/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
index 6e802a12cb..16ae4ef978 100644
--- a/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
+++ b/core/core-frontend/src/components/data-visualization/CanvasAttr.vue
@@ -121,7 +121,7 @@ onMounted(() => {
             </el-col>
           </el-row>
           <el-row v-if="canvasStyleData.screenAdaptor">
-            <el-form-item style="margin-top: 16px">
+            <el-form-item style="margin: 8px 0 16px">
               <span class="form-item-scroll"> {{ t('visualization.screen_adaptor') }} </span>
               <el-tooltip class="item" effect="dark" placement="top">
                 <template #content>
@@ -169,7 +169,7 @@ onMounted(() => {
         :title="t('visualization.refresh_config')"
         name="overallSetting"
       >
-        <overall-setting themes="dark" />
+        <overall-setting style="padding-bottom: 8px" themes="dark" />
       </el-collapse-item>
       <el-collapse-item
         effect="dark"
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
index 3d88acd16b..c7916060d0 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
@@ -298,7 +298,7 @@ const onTitleChange = () => {
           </el-form>
         </el-collapse-item>
         <el-collapse-item :effect="themes" name="addition" :title="t('v_query.query_condition')">
-          <el-form @keydown.stop.prevent.enter label-position="top">
+          <el-form @keydown.stop.prevent.enter label-position="top" style="padding-bottom: 8px">
             <el-row :gutter="8">
               <el-col :span="12">
                 <el-form-item
@@ -441,6 +441,7 @@ const onTitleChange = () => {
             :class="!chart.customStyle.component.labelShow && 'is-disabled'"
             :disabled="!chart.customStyle.component.labelShow"
             label-position="top"
+            style="padding-bottom: 8px"
           >
             <el-form-item
               :effect="themes"
@@ -544,7 +545,7 @@ const onTitleChange = () => {
           </el-form>
         </collapse-switch-item>
         <el-collapse-item :effect="themes" name="button" :title="t('commons.button')">
-          <el-form @keydown.stop.prevent.enter label-position="top">
+          <el-form @keydown.stop.prevent.enter label-position="top" style="padding-bottom: 8px">
             <el-form-item
               :effect="themes"
               class="form-item"