From 3306098a0310029b750fd45cea503b924dd661ac Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 20 Jul 2022 11:23:51 +0800
Subject: [PATCH] :bug: fix https://github.com/siyuan-note/siyuan/issues/5466

---
 app/src/assets/scss/_function.scss |  1 +
 app/src/util/history.ts            | 21 +++++++++------------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/app/src/assets/scss/_function.scss b/app/src/assets/scss/_function.scss
index b58afaa3e..cd9263b60 100644
--- a/app/src/assets/scss/_function.scss
+++ b/app/src/assets/scss/_function.scss
@@ -165,6 +165,7 @@
       padding: 0 8px;
       font-size: 12px;
       line-height: 16px;
+      margin-right: 8px;
     }
   }
 
diff --git a/app/src/util/history.ts b/app/src/util/history.ts
index fbb89f611..750bca053 100644
--- a/app/src/util/history.ts
+++ b/app/src/util/history.ts
@@ -116,22 +116,23 @@ const renderRepoItem = (response: IWebSocketData, element: Element, type: string
     let repoHTML = "";
     response.data.snapshots.forEach((item: { memo: string, id: string, hCreated: string, count: number, hSize: string, tag: string }) => {
         if (isMobile()) {
-            repoHTML += `<li class="b3-list-item b3-list-item--two" data-id="${item.id}" data-tag="${item.tag}">
+            repoHTML += `<li class="b3-list-item b3-list-item--two">
     <div class="b3-list-item__first">
+        <span class="b3-list-item__text">${escapeHtml(item.memo)}</span>
         <span class="b3-chip b3-chip--secondary${item.tag ? "" : " fn__none"}">${item.tag}</span>
-        ${item.hCreated}<span class="fn__space"></span>
-        <span class="b3-list-item__meta">${item.hSize}</span>
-        <span class="fn__flex-1"></span>
-        ${actionHTML}
     </div>
-    <span class="b3-list-item__meta">${escapeHtml(item.memo)}</span>
+    <div>
+        <span class="ft__smaller ft__on-surface">${item.hCreated}</span>
+        <span class="b3-list-item__meta">${item.hSize}</span>
+        <span class="b3-list-item__meta">${window.siyuan.languages.fileCount}${item.count}</span>
+    </div>
+    <div class="fn__flex" style="justify-content: flex-end;" data-id="${item.id}" data-tag="${item.tag}">${actionHTML}</div>
 </li>`;
         } else {
             repoHTML += `<li class="b3-list-item b3-list-item--hide-action" data-id="${item.id}" data-tag="${item.tag}">
     <div class="fn__flex-1">
         <div class="b3-list-item__text">
             ${escapeHtml(item.memo)}
-            <span class="fn__space"></span>
             <span class="b3-chip b3-chip--secondary${item.tag ? "" : " fn__none"}">${item.tag}</span>
         </div>
         <div>
@@ -440,11 +441,7 @@ export const openHistory = () => {
                 const tag = target.parentElement.getAttribute("data-tag");
                 confirmDialog(window.siyuan.languages.delete, `${window.siyuan.languages.confirmDelete} <i>${tag}</i>?`, () => {
                     fetchPost("/api/repo/" + type, {tag}, () => {
-                        if (target.parentElement.parentElement.childElementCount === 1) {
-                            target.parentElement.parentElement.innerHTML = `<li class="b3-list--empty">${window.siyuan.languages.emptyContent}</li>`;
-                        } else {
-                            target.parentElement.remove();
-                        }
+                        renderRepo(repoElement, type === "removeRepoTagSnapshot" ? -1 : -2);
                     });
                 });
                 break;