From 4af0c4269d4b58f07181ad5bc58a8ef8d577e67d Mon Sep 17 00:00:00 2001
From: QLHazyCoder <2825305047@qq.com>
Date: Tue, 14 Apr 2026 13:09:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=BB=B6=E8=BF=9F?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E7=95=8C=E9=9D=A2=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sidepanel/sidepanel.css  | 24 +++++++++++++++++++++---
 sidepanel/sidepanel.html |  9 ++++++---
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/sidepanel/sidepanel.css b/sidepanel/sidepanel.css
index 8d0ffe3..478f54d 100644
--- a/sidepanel/sidepanel.css
+++ b/sidepanel/sidepanel.css
@@ -915,12 +915,26 @@ header {
 
 .fallback-inline {
   justify-content: space-between;
+  align-items: center;
 }
 
 .fallback-thread-interval {
+  margin-left: auto;
+}
+
+.timing-field {
   display: flex;
   align-items: center;
   gap: 12px;
+  min-width: 0;
+}
+
+.timing-field-labeled {
+  min-width: 196px;
+  justify-content: flex-end;
+}
+
+.timing-field-right {
   margin-left: auto;
 }
 
@@ -983,6 +997,7 @@ header {
 
 .auto-delay-inline {
   justify-content: space-between;
+  align-items: center;
   gap: 12px;
   flex-wrap: nowrap;
 }
@@ -991,13 +1006,12 @@ header {
   display: flex;
   align-items: center;
   gap: 12px;
-  flex: 0 1 auto;
+  flex: 0 0 auto;
   min-width: 0;
 }
 
 .auto-delay-side-right {
-  margin-left: auto;
-  justify-content: flex-end;
+  flex: 0 0 auto;
 }
 
 .auto-delay-check {
@@ -1015,6 +1029,8 @@ header {
   color: var(--text-muted);
   flex: 0 0 auto;
   white-space: nowrap;
+  min-width: 56px;
+  text-align: right;
 }
 
 .auto-delay-controls {
@@ -1035,6 +1051,8 @@ header {
   font-weight: 600;
   color: var(--text-muted);
   flex-shrink: 0;
+  min-width: 24px;
+  text-align: left;
 }
 
 /* Status Bar */
diff --git a/sidepanel/sidepanel.html b/sidepanel/sidepanel.html
index 85e480e..f9575de 100644
--- a/sidepanel/sidepanel.html
+++ b/sidepanel/sidepanel.html
@@ -207,7 +207,7 @@
               <span class="toggle-switch-thumb"></span>
             </span>
           </label>
-          <div class="fallback-thread-interval">
+          <div class="timing-field timing-field-labeled timing-field-right fallback-thread-interval">
             <span class="auto-delay-caption">线程间隔</span>
             <div class="auto-delay-controls">
               <input type="number" id="input-auto-skip-failures-thread-interval-minutes" class="data-input auto-delay-input" value="0"
@@ -221,8 +221,11 @@
         <span class="data-label">延迟</span>
         <div class="data-inline auto-delay-inline">
           <div class="auto-delay-side auto-delay-side-left">
-            <label class="data-check auto-delay-check" for="input-auto-delay-enabled">
+            <label class="toggle-switch" for="input-auto-delay-enabled">
               <input type="checkbox" id="input-auto-delay-enabled" />
+              <span class="toggle-switch-track" aria-hidden="true">
+                <span class="toggle-switch-thumb"></span>
+              </span>
             </label>
             <div class="auto-delay-controls">
               <input type="number" id="input-auto-delay-minutes" class="data-input auto-delay-input" value="30" min="1"
@@ -230,7 +233,7 @@
               <span class="data-unit">分钟</span>
             </div>
           </div>
-          <div class="auto-delay-side auto-delay-side-right">
+          <div class="timing-field timing-field-labeled timing-field-right auto-delay-side auto-delay-side-right">
             <span class="auto-delay-caption">步间间隔</span>
             <div class="auto-delay-controls">
               <input type="number" id="input-auto-step-delay-seconds" class="data-input auto-delay-input" value=""