From 983a8567367006cf4127210754a7dea37de3f662 Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Sat, 26 Sep 2026 21:47:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=8D=E7=AB=AF=E7=95=8C=E9=9D=A2):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=89=B9=E9=87=8F=E8=BD=AC=E6=8D=A2=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E4=B8=8E=E8=87=AA=E9=80=82=E5=BA=94=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/ofdgo.css | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index fde36de..ee1ee50 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -727,7 +727,7 @@ button:not(:disabled):hover {
 
 .convert-table {
 	max-height: 40dvh;
-	min-height: 120px;
+	min-height: 0;
 	overflow: auto;
 	border: 1px solid var(--line);
 	background: #fff;
@@ -755,6 +755,10 @@ button:not(:disabled):hover {
 	font-weight: 500;
 }
 
+.convert-table tbody td:first-child {
+	text-align: left;
+}
+
 .convert-table th:nth-child(2),
 .convert-table th:nth-child(3),
 .convert-table th:nth-child(4) {
@@ -878,6 +882,10 @@ button:not(:disabled):hover {
 	margin-top: 12px;
 }
 
+.convert-progress:has(#convertStatus:empty) {
+	display: none;
+}
+
 .convert-dialog .form-actions {
 	display: flex;
 	align-items: center;
@@ -920,13 +928,11 @@ button:not(:disabled):hover {
 	.convert-progress,
 	.convert-dialog .form-actions { flex-shrink: 0; }
 	.convert-table {
-		min-height: min(120px, 18dvh);
 		max-height: 50dvh;
 	}
-	.convert-progress:has(#convertStatus:empty) { display: none; }
 	.convert-dialog .form-actions {
 		display: grid;
-		grid-template-columns: auto auto minmax(0, 1fr) auto auto;
+		grid-template-columns: repeat(4, minmax(0, 1fr));
 		row-gap: 12px;
 	}
 	.convert-dialog .form-actions > .button { grid-row: 2; }
@@ -935,24 +941,26 @@ button:not(:disabled):hover {
 		grid-row: 1;
 		grid-template-columns: repeat(3, minmax(0, 1fr));
 		width: 100%;
-		max-width: 360px;
-		margin: 0 auto;
+		margin: 0;
 	}
 	.convert-options:has(#convertDPIRow[hidden]) {
 		grid-template-columns: repeat(2, minmax(0, 1fr));
-		max-width: 240px;
 	}
 	.convert-options .form-row {
 		grid-template-columns: minmax(0, 1fr);
 		gap: 6px;
-		text-align: center;
+		text-align: left;
+	}
+	.convert-options:has(#convertDPIRow[hidden]) .form-row {
+		grid-template-columns: 2em minmax(0, 1fr);
+		gap: 8px;
 	}
 	.convert-options label { width: auto; }
 	#convertAdd { grid-column: 1; }
 	#convertClear { grid-column: 2; }
-	#convertClose { grid-column: 4; }
+	#convertClose { grid-column: 3; }
 	#convertCancel,
-	#convertStart { grid-column: 5; }
+	#convertStart { grid-column: 4; }
 }
 
 @media (max-width: 620px) {
@@ -976,6 +984,9 @@ button:not(:disabled):hover {
 		padding-right: calc(var(--control-height) + 12px);
 	}
 	.convert-name {
+		display: flex;
+		align-items: center;
+		min-height: var(--control-height);
 		overflow-wrap: anywhere;
 		white-space: normal;
 		line-height: 1.5;