From 24b5f8455e85dc118228e9dc6be43592bf20b69b Mon Sep 17 00:00:00 2001
From: CN-JS-HuiBai <huyang@littlediary.cn>
Date: Sun, 12 Apr 2026 17:51:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/style.css | 31 +++++++------------------------
 public/index.html    | 13 ++++++++-----
 2 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 39ac413..9748e43 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2805,15 +2805,12 @@ input:checked+.slider:before {
 }
 
 /* ---- Source Settings Toggles ---- */
-.source-options-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-  gap: 16px;
-  background: rgba(255, 255, 255, 0.03);
-  padding: 16px;
-  border-radius: var(--radius-sm);
-  border: 1px solid var(--border-color);
-  margin-top: 8px;
+/* ---- Source Settings Toggles ---- */
+.source-options-clean-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  padding: 4px 0;
 }
 
 .source-option-item {
@@ -2823,12 +2820,6 @@ input:checked+.slider:before {
   cursor: pointer;
   user-select: none;
   transition: all 0.2s ease;
-  padding: 4px 8px;
-  border-radius: var(--radius-sm);
-}
-
-.source-option-item:hover {
-  background: rgba(255, 255, 255, 0.03);
 }
 
 .source-option-item:hover .source-option-label {
@@ -2836,7 +2827,7 @@ input:checked+.slider:before {
 }
 
 .source-option-label {
-  font-size: 0.88rem;
+  font-size: 0.9rem;
   color: var(--text-secondary);
   font-weight: 500;
 }
@@ -2889,14 +2880,6 @@ input:checked+.slider:before {
 }
 
 /* Light theme support */
-:root.light-theme .source-options-grid {
-  background: rgba(0, 0, 0, 0.02);
-}
-
-:root.light-theme .source-option-item:hover {
-  background: rgba(0, 0, 0, 0.03);
-}
-
 :root.light-theme .switch-label:before {
   background-color: #94a3b8;
 }
diff --git a/public/index.html b/public/index.html
index 757060a..fbb2715 100644
--- a/public/index.html
+++ b/public/index.html
@@ -474,11 +474,12 @@
               <div class="form-row">
                 <div class="form-group form-group-wide">
                   <label for="sourceDesc">描述 (可选)</label>
-                  <input type="text" id="sourceDesc" placeholder="数据源描述" autocomplete="off">
+                  <input type="text" id="sourceDesc" placeholder="记录关于此数据源的备注信息" autocomplete="off">
                 </div>
-                <div class="form-group form-group-wide" id="serverSourceOption">
-                  <label style="margin-bottom: 8px;">数据源偏好设置</label>
-                  <div class="source-options-grid">
+              </div>
+              <div class="form-row" id="serverSourceOption" style="margin-top: 4px;">
+                <div class="form-group form-group-wide">
+                  <div class="source-options-clean-row">
                     <label class="source-option-item" title="将此数据源的服务器指标聚合到首页总览中">
                       <div class="switch-wrapper">
                         <input type="checkbox" id="isOverviewSource" checked class="switch-input">
@@ -493,9 +494,11 @@
                       </div>
                       <span class="source-option-label">加入详情展示</span>
                     </label>
-                    <input type="checkbox" id="isServerSource" checked disabled style="display: none;">
                   </div>
+                  <input type="checkbox" id="isServerSource" checked disabled style="display: none;">
                 </div>
+              </div>
+              <div class="form-row" style="margin-top: 8px;">
                 <div class="form-actions">
                   <button class="btn btn-test" id="btnTest">测试连接</button>
                   <button class="btn btn-add" id="btnAdd">添加</button>