From 5af57ca16b26222f35f39d9161ebbcd290a8d12c Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sun, 1 Dec 2024 12:41:51 +0800
Subject: [PATCH] :lipstick: https://github.com/siyuan-note/siyuan/issues/13320

---
 app/src/config/about.ts  |  4 ++--
 app/src/config/editor.ts | 24 +++++++++++++++++-------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/app/src/config/about.ts b/app/src/config/about.ts
index d50322829..a82dd514e 100644
--- a/app/src/config/about.ts
+++ b/app/src/config/about.ts
@@ -142,7 +142,7 @@ export const about = {
         </button>
     </div>
 </div>
-<div class="b3-label fn__flex"><div class="fn__block">
+<div class="b3-label">
     <div>
         ${window.siyuan.languages.dataRepoPurge}
     </div>
@@ -166,7 +166,7 @@ export const about = {
         <span class="fn__space"></span>
         <input class="b3-text-field fn__flex-center fn__size200" min="1" type="number" id="retentionIndexesDaily" value="${window.siyuan.config.repo.retentionIndexesDaily}">
     </div>
-</div></div>
+</div>
 <div class="fn__flex b3-label config__item">
     <div class="fn__flex-1">
         ${window.siyuan.languages.systemLog}
diff --git a/app/src/config/editor.ts b/app/src/config/editor.ts
index 7208d34e1..bffb7237d 100644
--- a/app/src/config/editor.ts
+++ b/app/src/config/editor.ts
@@ -207,14 +207,24 @@ export const editor = {
     <span class="fn__space"></span>
     <input class="b3-text-field fn__flex-center fn__size200" id="generateHistoryInterval" type="number" min="0" max="120" value="${window.siyuan.config.editor.generateHistoryInterval}"/>
 </div>
-<div class="fn__flex b3-label config__item">
-    <div class="fn__flex-1">
-        ${window.siyuan.languages.historyRetentionDays} 
-        <a href="javascript:void(0)" id="clearHistory">${window.siyuan.languages.clearHistory}</a>
-        <div class="b3-label__text">${window.siyuan.languages.historyRetentionDaysTip}</div>
+<div class="b3-label">
+    <div>
+        ${window.siyuan.languages.historyRetentionDays}
+    </div>
+    <div class="fn__hr"></div>
+    <div class="fn__flex config__item">
+        <div class="fn__flex-center fn__flex-1 ft__on-surface">${window.siyuan.languages.clearHistory}</div>
+        <span class="fn__space"></span>
+        <button id="clearHistory" class="b3-button b3-button--outline fn__size200 fn__flex-center">
+            <svg><use xlink:href="#iconTrashcan"></use></svg>${window.siyuan.languages.purge}
+        </button>
+    </div>
+    <div class="fn__hr"></div>
+    <div class="fn__flex config__item">
+        <div class="fn__flex-center fn__flex-1 ft__on-surface">${window.siyuan.languages.historyRetentionDaysTip}</div>
+        <span class="fn__space"></span>
+        <input class="b3-text-field fn__flex-center fn__size200" id="historyRetentionDays" type="number" min="0" value="${window.siyuan.config.editor.historyRetentionDays}"/>
     </div>
-    <span class="fn__space"></span>
-    <input class="b3-text-field fn__flex-center fn__size200" id="historyRetentionDays" type="number" min="0" value="${window.siyuan.config.editor.historyRetentionDays}"/>
 </div>
 <div class="fn__flex b3-label config__item">
     <div class="fn__flex-1">