From ebc8e8e340d95adc4c843e1355949968a6999eca Mon Sep 17 00:00:00 2001
From: shuaiplus <2327005759@qq.com>
Date: Tue, 7 Jul 2026 00:35:16 +0800
Subject: [PATCH] Replace remove button with trash icon positioned inside
 password field

---
 webapp/src/components/SendsPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/SendsPage.tsx b/webapp/src/components/SendsPage.tsx
index 0b88e67..d24620c 100644
--- a/webapp/src/components/SendsPage.tsx
+++ b/webapp/src/components/SendsPage.tsx
@@ -478,8 +478,8 @@ export default function SendsPage(props: SendsPageProps) {
                   <div className="password-wrap">
                     <input className="input" type="password" value="••••••••" disabled />
                     {!isCreating && (
-                      <button type="button" className="btn btn-secondary small" onClick={() => setDraft({ ...draft, hasPassword: false, password: '' })}>
-                        {t('txt_remove')}
+                      <button type="button" className="password-toggle text-red-600 hover:text-red-700" onClick={() => setDraft({ ...draft, hasPassword: false, password: '' })} title={t('txt_remove')}>
+                        <Trash2 size={16} />
                       </button>
                     )}
                   </div>