修复TabPage页标签关闭按钮未靠右显示的问题

AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue

@@ -74,7 +74,7 @@ const closeTab = (tabId) => {
   width: 100%;
   height: 100%;
   background: #5D6B99;
-  border: 1px solid #c7d2ea;
+  border: 0px solid #c7d2ea;
   border-radius: 0;
   overflow: hidden;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
@@ -100,7 +100,6 @@ const closeTab = (tabId) => {
 .tab-item {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   height: 26px;
   padding: 0 16px;
   margin-left: 1px;
@@ -113,6 +112,7 @@ const closeTab = (tabId) => {
   font-size: 12px;
   user-select: none;
   position: relative;
+  width: fit-content;
 }
 
 .tab-item.active {
@@ -135,7 +135,8 @@ const closeTab = (tabId) => {
 }
 
 .button-icon {
-  margin-left: auto;
+  margin-left: 8px;
+  margin-right: -8px;
   background: transparent;
   border: none;
   cursor: pointer;
@@ -143,6 +144,7 @@ const closeTab = (tabId) => {
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  order: 1;
 }
 
 /* 确保在活动标签页中的按钮样式正确 */