From 889c1d21e30eb901c99835ca28862bca73349641 Mon Sep 17 00:00:00 2001
From: yangdx <gzdaniel@me.com>
Date: Thu, 25 Sep 2025 06:26:22 +0800
Subject: [PATCH] Increase right margin spacing for checkboxes in QuerySettings
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Change mr-1 to mr-10 for checkboxes
• Improve visual spacing consistency
• Apply to all four checkbox elements
• Better UI alignment and readability
---
 lightrag_webui/src/components/retrieval/QuerySettings.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lightrag_webui/src/components/retrieval/QuerySettings.tsx b/lightrag_webui/src/components/retrieval/QuerySettings.tsx
index 470b4e04..cae20637 100644
--- a/lightrag_webui/src/components/retrieval/QuerySettings.tsx
+++ b/lightrag_webui/src/components/retrieval/QuerySettings.tsx
@@ -402,7 +402,7 @@ export default function QuerySettings() {
                   </Tooltip>
                 </TooltipProvider>
                 <Checkbox
-                  className="mr-1 cursor-pointer"
+                  className="mr-10 cursor-pointer"
                   id="enable_rerank"
                   checked={querySettings.enable_rerank}
                   onCheckedChange={(checked) => handleChange('enable_rerank', checked)}
@@ -423,7 +423,7 @@ export default function QuerySettings() {
                   </Tooltip>
                 </TooltipProvider>
                 <Checkbox
-                  className="mr-1 cursor-pointer"
+                  className="mr-10 cursor-pointer"
                   id="only_need_context"
                   checked={querySettings.only_need_context}
                   onCheckedChange={(checked) => {
@@ -449,7 +449,7 @@ export default function QuerySettings() {
                   </Tooltip>
                 </TooltipProvider>
                 <Checkbox
-                  className="mr-1 cursor-pointer"
+                  className="mr-10 cursor-pointer"
                   id="only_need_prompt"
                   checked={querySettings.only_need_prompt}
                   onCheckedChange={(checked) => {
@@ -475,7 +475,7 @@ export default function QuerySettings() {
                   </Tooltip>
                 </TooltipProvider>
                 <Checkbox
-                  className="mr-1 cursor-pointer"
+                  className="mr-10 cursor-pointer"
                   id="stream"
                   checked={querySettings.stream}
                   onCheckedChange={(checked) => handleChange('stream', checked)}