From 8c304bcbf4e1f892f736bba26975701944ab0c6f Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Fri, 18 Apr 2025 19:46:45 +0800
Subject: [PATCH] Update TerminalTabBar.vue

---
 packages/frontend/src/components/TerminalTabBar.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/TerminalTabBar.vue b/packages/frontend/src/components/TerminalTabBar.vue
index 2698332..3f26b9d 100644
--- a/packages/frontend/src/components/TerminalTabBar.vue
+++ b/packages/frontend/src/components/TerminalTabBar.vue
@@ -154,7 +154,7 @@ const openLayoutConfigurator = () => {
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  margin-right: 6px;
+  margin-right: 8px; /* 增加右边距 */
   display: inline-block;
   vertical-align: middle;
   flex-shrink: 0; /* 防止被压缩 */
@@ -209,7 +209,8 @@ const openLayoutConfigurator = () => {
   /* margin-right: 1.5rem; */ /* 移除 */
   line-height: normal; /* 默认行高 */
   flex-grow: 1; /* 保持：允许名称伸展 */
-  margin-left: 4px; /* 在状态点和名称之间添加一点间距 */
+  margin-left: 6px; /* 增加左边距 */
+  margin-right: 8px; /* 增加右边距，与关闭按钮拉开距离 */
   text-align: left; /* 保持文本左对齐 */
 }
 
@@ -220,7 +221,7 @@ const openLayoutConfigurator = () => {
   cursor: pointer;
   font-size: 1.1em;
   padding: 0 0.3rem;
-  line-height: 1;
+  /* line-height: 1; */ /* 移除 line-height，让 align-items 控制垂直居中 */
   border-radius: 50%;
   margin-left: auto; /* 保持 auto 将按钮推到最右侧 */
   flex-shrink: 0; /* 防止按钮被压缩 */