From 545c0e623a8f7a556ab2e0025fa84312a7df0bb9 Mon Sep 17 00:00:00 2001
From: chilingling <michaelchiling1024@gmail.com>
Date: Fri, 3 Nov 2023 01:45:09 -0700
Subject: [PATCH] fix(style): adjust style detail

---
 packages/common/component/MetaBindVariable.vue | 2 +-
 packages/design-core/src/DesignSettings.vue    | 2 +-
 packages/settings/styles/src/Main.vue          | 2 +-
 packages/theme/common/global.less              | 3 +++
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/common/component/MetaBindVariable.vue b/packages/common/component/MetaBindVariable.vue
index f5e5e2ad24..7af2d67a87 100644
--- a/packages/common/component/MetaBindVariable.vue
+++ b/packages/common/component/MetaBindVariable.vue
@@ -538,7 +538,7 @@ export default {
 
 <style lang="less" scoped>
 .icon {
-  margin-left: 6px;
+  margin-left: 8px;
 }
 
 .meta-bind-variable-dialog-box {
diff --git a/packages/design-core/src/DesignSettings.vue b/packages/design-core/src/DesignSettings.vue
index 04596514eb..b3cdc83334 100644
--- a/packages/design-core/src/DesignSettings.vue
+++ b/packages/design-core/src/DesignSettings.vue
@@ -68,7 +68,7 @@ export default {
       }
     }
     .tiny-tabs__header {
-      padding-bottom: 20px;
+      padding-bottom: 12px;
     }
     .tiny-tabs__content {
       flex: 1;
diff --git a/packages/settings/styles/src/Main.vue b/packages/settings/styles/src/Main.vue
index 396b45b8be..e0b7a7b644 100644
--- a/packages/settings/styles/src/Main.vue
+++ b/packages/settings/styles/src/Main.vue
@@ -160,7 +160,7 @@ export default {
 .style-editor {
   display: flex;
   justify-content: space-around;
-  padding: 0 16px 20px;
+  padding: 8px 16px 12px;
   column-gap: 8px;
   :deep(.editor-wrap) {
     .tiny-button {
diff --git a/packages/theme/common/global.less b/packages/theme/common/global.less
index e586c3ced1..3955aefa97 100644
--- a/packages/theme/common/global.less
+++ b/packages/theme/common/global.less
@@ -1821,6 +1821,9 @@ button {
     color: var(--ti-lowcode-collapse-item-header-color);
     background: var(--ti-lowcode-collapse-item-header-bg-color);
     position: relative;
+    min-height: 32px;
+    padding-top: 5px;
+    padding-bottom: 5px;
 
     &:hover,
     &.is-active {