From 5b2756fea80134ab9df912f68e7f7bcba0756153 Mon Sep 17 00:00:00 2001
From: Rogee <rogee@ipao.vip>
Date: Mon, 28 Sep 2026 14:24:49 +0800
Subject: [PATCH] fix(web): spacing for monitoring account tags and square
 larger avatar

---
 web/src/components/accounts/MonitoringAccountList.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/accounts/MonitoringAccountList.tsx b/web/src/components/accounts/MonitoringAccountList.tsx
index 6d5810e..a09c1c8 100644
--- a/web/src/components/accounts/MonitoringAccountList.tsx
+++ b/web/src/components/accounts/MonitoringAccountList.tsx
@@ -130,8 +130,8 @@ export default function MonitoringAccountList() {
       title: '账号',
       dataIndex: 'nickname',
       render: (_, account) => (
-        <Flex align="center" gap={8}>
-          <Avatar src={account.avatar_url || undefined}>{(account.nickname || '账').slice(0, 1).toUpperCase()}</Avatar>
+        <Flex align="center" gap={12}>
+          <Avatar size={40} shape="square" src={account.avatar_url || undefined}>{(account.nickname || '账').slice(0, 1).toUpperCase()}</Avatar>
           <Typography.Link onClick={() => history.push(`/accounts/monitoring/${account.id}`)}>
             {account.nickname || '未命名账号'}
           </Typography.Link>
@@ -174,7 +174,7 @@ export default function MonitoringAccountList() {
     {
       title: '标签',
       dataIndex: 'tags',
-      render: (tags?: string[]) => tags?.length ? tags.map((tag) => <Tag key={tag}>{tag}</Tag>) : <Typography.Text type="secondary">未设置</Typography.Text>,
+      render: (tags?: string[]) => tags?.length ? <Flex wrap="wrap" gap={4}>{tags.map((tag) => <Tag key={tag}>{tag}</Tag>)}</Flex> : <Typography.Text type="secondary">未设置</Typography.Text>,
     },
     {
       title: '操作',