From 67aabbda84df31b9c8022d9c28eadbef49ef5ce8 Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Tue, 13 Oct 2026 22:13:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=8D=E7=AB=AF=E7=95=8C=E9=9D=A2):=20?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E9=85=8D=E7=BD=AE=E7=A9=BA=E6=80=81=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/index.html |  6 ++++--
 assets/webui/ofdgo.css  | 30 ++++++++++++++++++------------
 2 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/assets/webui/index.html b/assets/webui/index.html
index a3b9f46..2821f81 100644
--- a/assets/webui/index.html
+++ b/assets/webui/index.html
@@ -410,8 +410,10 @@
 					<div id="settingsContext"></div>
 					<div id="settingsContent"></div>
 				</div>
-				<div id="settingsStatus" class="form-status" role="status"></div>
-				<div id="settingsActions" class="form-actions"></div>
+				<div class="settings-footer">
+					<div id="settingsStatus" class="form-status" role="status"></div>
+					<div id="settingsActions" class="form-actions"></div>
+				</div>
 			</form>
 		</dialog>
 		<dialog id="versionPanel" class="form-dialog document-dialog" aria-labelledby="versionTitle">
diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index bcf8540..9a1d733 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -1830,6 +1830,10 @@ body[data-hide-meta] .meta-panel {
 	overscroll-behavior: contain;
 }
 
+.settings-body:has(> #settingsContext:empty):has(> #settingsContent:empty) {
+	display: none;
+}
+
 .settings-dialog .settings-section {
 	min-width: 0;
 	padding-block: 12px;
@@ -1903,13 +1907,22 @@ body[data-hide-meta] .meta-panel {
 	.settings-grid { grid-template-columns: minmax(0, 1fr); }
 }
 
-#settingsStatus {
+.settings-footer {
+	display: flex;
 	flex: none;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 8px;
+	padding: 12px;
+	border-top: 1px solid var(--line);
 }
 
-#settingsStatus:not(:empty) {
-	padding: 8px 12px;
-	border-top: 1px solid var(--line);
+#settingsStatus {
+	flex: 1 1 120px;
+}
+
+#settingsStatus:empty {
+	display: none;
 }
 
 .settings-dialog .info-line {
@@ -1980,22 +1993,15 @@ body[data-hide-meta] .meta-panel {
 
 #settingsActions {
 	display: flex;
-	flex: none;
+	flex: 1 1 auto;
 	flex-wrap: wrap;
 	gap: 8px;
-	padding: 12px;
-	border-top: 1px solid var(--line);
 }
 
 #settingsActions .settings-section-actions:not([hidden]) {
 	display: contents;
 }
 
-#settingsStatus:not(:empty) + #settingsActions {
-	padding-top: 0;
-	border-top: 0;
-}
-
 #settingsActions .settings-close {
 	margin-left: auto;
 }