From 883504222ba01bfa6e788c7475fbf9a2a7a57181 Mon Sep 17 00:00:00 2001
From: CNWei <t6g888@163.com>
Date: Sun, 1 Nov 2026 21:43:54 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=BB=9A=E5=8A=A8=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E9=9D=A0=E5=8F=B3=EF=BC=8C=E5=88=86=E5=8C=BA=E8=A7=92=E6=A0=87?=
 =?UTF-8?q?=E4=B8=8E=E6=A0=87=E9=A2=98=E6=8B=89=E5=BC=80=208px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .header-ticker 加 margin-left: auto，紧贴右侧操作图标；
  靠右改由它承担，.header-actions 去掉 margin-left: auto（无滚动信息时由 space-between 兜住）
- .count-badge 的 right 从 -18 调到 -30，标题与角标间距约 8px
---
 stash-web/src/App.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index 76bbbe1..f795ca8 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -133,13 +133,15 @@
   white-space: nowrap;
 }
 
-/* 滚动信息只占中间约 2/3：原来铺满整条，信息一长就把两边挤没了 */
+/* 滚动信息只占中间约 2/3，并靠右贴近操作图标 */
 .header-ticker {
   max-width: 720px;
+  margin-left: auto;
 }
 
 .header-actions {
-  margin-left: auto;
+  /* 靠右交给 .header-ticker 的 margin-left: auto；没有滚动信息时由 space-between 兜住 */
+  flex: none;
 }
 
 /* ---------- 搜索：页头下的工具条（Layout 的 toolbar 插槽） ---------- */
@@ -285,7 +287,7 @@
 .count-badge {
   position: absolute;
   top: -8px;
-  right: -18px;
+  right: -30px;
   height: 16px;
   min-width: 16px;
   padding: 0 var(--su-space-1);