diff --git a/app/src/config/about.ts b/app/src/config/about.ts
index 4c53dc984..de626d1b9 100644
--- a/app/src/config/about.ts
+++ b/app/src/config/about.ts
@@ -16,7 +16,23 @@ import {confirmDialog} from "../dialog/confirmDialog";
 export const about = {
     element: undefined as Element,
     genHTML: () => {
-        return `<div class="b3-label fn__flex">
+        return `<div class="fn__flex b3-label${isBrowser() || window.siyuan.config.system.isMicrosoftStore ? " fn__none" : ""}">
+    <div class="fn__flex-1">
+        ${window.siyuan.languages.autoDownloadUpdatePkg}
+        <div class="b3-label__text">${window.siyuan.languages.autoDownloadUpdatePkgTip}</div>
+    </div>
+    <div class="fn__space"></div>
+    <input class="b3-switch fn__flex-center" id="downloadInstallPkg" type="checkbox"${window.siyuan.config.system.downloadInstallPkg ? " checked" : ""}>
+</div>
+<div class="b3-label fn__flex">
+    <div class="fn__flex-1">
+        ${window.siyuan.languages.about9}
+        <div class="b3-label__text">${window.siyuan.languages.about10}</div>
+    </div>
+    <div class="fn__space"></div>
+    <input class="b3-switch fn__flex-center" id="uploadErrLog" type="checkbox"${window.siyuan.config.system.uploadErrLog ? " checked" : ""}>
+</div>
+<div class="b3-label fn__flex">
     <div class="fn__flex-1">
         ${window.siyuan.languages.about11}
         <div class="b3-label__text">${window.siyuan.languages.about12}</div>
@@ -35,45 +51,6 @@ export const about = {
         <svg><use xlink:href="#iconLink"></use></svg>${window.siyuan.languages.about4}
     </button>
 </div>
-<div class="b3-label${(window.siyuan.config.system.container === "std" || window.siyuan.config.system.container === "docker") ? "" : " fn__none"}">
-    ${window.siyuan.languages.networkProxy}
-    <div class="b3-label__text">
-        ${window.siyuan.languages.about17}
-    </div>
-    <div class="b3-label__text fn__flex" style="padding: 4px 0 4px 4px;">
-        <select id="aboutScheme" class="b3-select">
-            <option value="" ${window.siyuan.config.system.networkProxy.scheme === "" ? "selected" : ""}>${window.siyuan.languages.directConnection}</option>
-            <option value="socks5" ${window.siyuan.config.system.networkProxy.scheme === "socks5" ? "selected" : ""}>SOCKS5</option>
-            <option value="http" ${window.siyuan.config.system.networkProxy.scheme === "https" ? "selected" : ""}>HTTPS</option>
-        </select>
-        <span class="fn__space"></span>
-        <input id="aboutHost" placeholder="Host/IP" class="b3-text-field fn__flex-1 fn__block" value="${window.siyuan.config.system.networkProxy.host}"/>
-        <span class="fn__space"></span>
-        <input id="aboutPort" placeholder="Port" class="b3-text-field fn__flex-1 fn__block" value="${window.siyuan.config.system.networkProxy.port}" type="number"/>
-        <span class="fn__space"></span>
-        <button id="aboutConfim" class="b3-button b3-button--outline">${window.siyuan.languages.confirm}</button>
-    </div>
-</div>
-<div class="fn__flex b3-label${isBrowser() ? " fn__none" : ""}">
-    <div class="fn__flex-1">
-        <div class="fn__flex">
-            ${window.siyuan.languages.about7}
-            <span class="fn__space"></span>
-            <a href="javascript:void(0)" data-type="open" data-url="${window.siyuan.config.system.workspaceDir}">${window.siyuan.config.system.workspaceDir}</a>
-        </div>
-        <div class="b3-label__text">${window.siyuan.languages.about8}</div>
-    </div>
-    <div class="fn__space"></div>
-    <select id="workspaceDir" class="fn__flex-center b3-select fn__size200"></select>
-</div>
-<label class="fn__flex b3-label">
-    <div class="fn__flex-1">
-        ${window.siyuan.languages.about13}
-         <div class="b3-label__text">${window.siyuan.languages.about14}</div>
-    </div>
-    <span class="fn__space"></span>
-    <input class="b3-text-field fn__flex-center fn__size200" id="token" value="${window.siyuan.config.api.token}" readonly="readonly">
-</label>
 <div class="b3-label fn__flex">
     <div class="fn__flex-1">
         ${window.siyuan.languages.about5}
@@ -114,6 +91,16 @@ export const about = {
         </button>
     </div>
 </div>
+<div class="fn__flex b3-label">
+    <div class="fn__flex-1">
+        ${window.siyuan.languages.systemLog}
+        <div class="b3-label__text">${window.siyuan.languages.systemLogTip}</div>
+    </div>
+    <div class="fn__space"></div>
+    <button id="exportLog" class="b3-button b3-button--outline fn__size200 fn__flex-center">
+        <svg><use xlink:href="#iconUpload"></use></svg>${window.siyuan.languages.export}
+    </button>
+</div>
 <div class="fn__flex b3-label">
     <div class="fn__flex-1">
         ${window.siyuan.languages.currentVer} v${Constants.SIYUAN_VERSION}
@@ -125,31 +112,44 @@ export const about = {
         <svg><use xlink:href="#iconRefresh"></use></svg>${window.siyuan.languages.checkUpdate}
     </button>
 </div>
-<div class="fn__flex b3-label${isBrowser() || window.siyuan.config.system.isMicrosoftStore ? " fn__none" : ""}">
+<div class="fn__flex b3-label${isBrowser() ? " fn__none" : ""}">
     <div class="fn__flex-1">
-        ${window.siyuan.languages.autoDownloadUpdatePkg}
-        <div class="b3-label__text">${window.siyuan.languages.autoDownloadUpdatePkgTip}</div>
+        <div class="fn__flex">
+            ${window.siyuan.languages.about7}
+            <span class="fn__space"></span>
+            <a href="javascript:void(0)" data-type="open" data-url="${window.siyuan.config.system.workspaceDir}">${window.siyuan.config.system.workspaceDir}</a>
+        </div>
+        <div class="b3-label__text">${window.siyuan.languages.about8}</div>
     </div>
     <div class="fn__space"></div>
-    <input class="b3-switch fn__flex-center" id="downloadInstallPkg" type="checkbox"${window.siyuan.config.system.downloadInstallPkg ? " checked" : ""}>
+    <select id="workspaceDir" class="fn__flex-center b3-select fn__size200"></select>
 </div>
-<div class="fn__flex b3-label">
+<label class="fn__flex b3-label">
     <div class="fn__flex-1">
-        ${window.siyuan.languages.systemLog}
-        <div class="b3-label__text">${window.siyuan.languages.systemLogTip}</div>
+        ${window.siyuan.languages.about13}
+         <div class="b3-label__text">${window.siyuan.languages.about14}</div>
     </div>
-    <div class="fn__space"></div>
-    <button id="exportLog" class="b3-button b3-button--outline fn__size200 fn__flex-center">
-        <svg><use xlink:href="#iconUpload"></use></svg>${window.siyuan.languages.export}
-    </button>
-</div>
-<div class="b3-label fn__flex">
-    <div class="fn__flex-1">
-        ${window.siyuan.languages.about9}
-        <div class="b3-label__text">${window.siyuan.languages.about10}</div>
+    <span class="fn__space"></span>
+    <input class="b3-text-field fn__flex-center fn__size200" id="token" value="${window.siyuan.config.api.token}" readonly="readonly">
+</label>
+<div class="b3-label${(window.siyuan.config.system.container === "std" || window.siyuan.config.system.container === "docker") ? "" : " fn__none"}">
+    ${window.siyuan.languages.networkProxy}
+    <div class="b3-label__text">
+        ${window.siyuan.languages.about17}
+    </div>
+    <div class="b3-label__text fn__flex" style="padding: 4px 0 4px 4px;">
+        <select id="aboutScheme" class="b3-select">
+            <option value="" ${window.siyuan.config.system.networkProxy.scheme === "" ? "selected" : ""}>${window.siyuan.languages.directConnection}</option>
+            <option value="socks5" ${window.siyuan.config.system.networkProxy.scheme === "socks5" ? "selected" : ""}>SOCKS5</option>
+            <option value="http" ${window.siyuan.config.system.networkProxy.scheme === "https" ? "selected" : ""}>HTTPS</option>
+        </select>
+        <span class="fn__space"></span>
+        <input id="aboutHost" placeholder="Host/IP" class="b3-text-field fn__flex-1 fn__block" value="${window.siyuan.config.system.networkProxy.host}"/>
+        <span class="fn__space"></span>
+        <input id="aboutPort" placeholder="Port" class="b3-text-field fn__flex-1 fn__block" value="${window.siyuan.config.system.networkProxy.port}" type="number"/>
+        <span class="fn__space"></span>
+        <button id="aboutConfim" class="b3-button b3-button--outline">${window.siyuan.languages.confirm}</button>
     </div>
-    <div class="fn__space"></div>
-    <input class="b3-switch fn__flex-center" id="uploadErrLog" type="checkbox"${window.siyuan.config.system.uploadErrLog ? " checked" : ""}>
 </div>
 <div class="b3-label">
     <div class="config-about__logo">