From 985e54b6622e193c72448bb6a32fb57e92f21fa6 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 4 Aug 2025 17:51:22 +0400
Subject: [PATCH] refac: styling

---
 .../admin/Settings/Documents.svelte           | 130 +++++++++---------
 1 file changed, 64 insertions(+), 66 deletions(-)

diff --git a/src/lib/components/admin/Settings/Documents.svelte b/src/lib/components/admin/Settings/Documents.svelte
index b1947d817c..9600f1d1a8 100644
--- a/src/lib/components/admin/Settings/Documents.svelte
+++ b/src/lib/components/admin/Settings/Documents.svelte
@@ -1059,76 +1059,74 @@
 							{/if}
 
 							{#if RAGConfig.ENABLE_RAG_HYBRID_SEARCH === true}
-                                                        	<div class=" py-0.5 w-full justify-between">
-                                                             		<Tooltip
-                                                             			content={$i18n.t(
-                                                             				'The Weight of BM25 Hybrid Search. 0 more lexical, 1 more semantic. Default 0.5'
-                                                             			)}
-                                                             			placement="top-start"
-                                                             			className="inline-tooltip"
-                                                             		>
-                                                             			<div class="flex w-full justify-between">
-                                                             				<div class=" self-center text-xs font-medium">
-                                                             					{$i18n.t('Weight of BM25 Retrieval')}
-                                                             				</div>
-                                                             				<button
-                                                             					class="p-1 px-3 text-xs flex rounded-sm transition shrink-0 outline-hidden"
-                                                             					type="button"
-                                                             					on:click={() => {
-                                                             						RAGConfig.HYBRID_BM25_WEIGHT = (RAGConfig?.HYBRID_BM25_WEIGHT ?? null) === null ? 0.5 : null;
-                                                             					}}
-                                                             				>
-                                                             					{#if (RAGConfig?.HYBRID_BM25_WEIGHT ?? null) === null}
-                                                             						<span class="ml-2 self-center"> {$i18n.t('Default')} </span>
-                                                             					{:else}
-                                                             						<span class="ml-2 self-center"> {$i18n.t('Custom')} </span>
-                                                             					{/if}
-                                                             				</button>
-                                                             			</div>
-                                                             		</Tooltip>
-
-                                                             		{#if (RAGConfig?.HYBRID_BM25_WEIGHT ?? null) !== null}
+								<div class=" mb-2.5 py-0.5 w-full justify-between">
+									<Tooltip
+										content={$i18n.t(
+											'The Weight of BM25 Hybrid Search. 0 more lexical, 1 more semantic. Default 0.5'
+										)}
+										placement="top-start"
+										className="inline-tooltip"
+									>
 										<div class="flex w-full justify-between">
-                                                             				<div class=" text-left text-xs font-small">
-												{$i18n.t('lexical')}
+											<div class=" self-center text-xs font-medium">
+												{$i18n.t('BM25 Weight')}
 											</div>
-                                                             				<div class=" text-right text-xs font-small" style="padding-right: 64px;">
-												{$i18n.t('semantic')}
+											<button
+												class="p-1 px-3 text-xs flex rounded-sm transition shrink-0 outline-hidden"
+												type="button"
+												on:click={() => {
+													RAGConfig.HYBRID_BM25_WEIGHT =
+														(RAGConfig?.HYBRID_BM25_WEIGHT ?? null) === null ? 0.5 : null;
+												}}
+											>
+												{#if (RAGConfig?.HYBRID_BM25_WEIGHT ?? null) === null}
+													<span class="ml-2 self-center"> {$i18n.t('Default')} </span>
+												{:else}
+													<span class="ml-2 self-center"> {$i18n.t('Custom')} </span>
+												{/if}
+											</button>
+										</div>
+									</Tooltip>
+
+									{#if (RAGConfig?.HYBRID_BM25_WEIGHT ?? null) !== null}
+										<div class="flex mt-0.5 space-x-2">
+											<div class=" flex-1">
+												<input
+													id="steps-range"
+													type="range"
+													min="0"
+													max="1"
+													step="0.05"
+													bind:value={RAGConfig.HYBRID_BM25_WEIGHT}
+													class="w-full h-2 rounded-lg appearance-none cursor-pointer dark:bg-gray-700"
+												/>
+
+												<div class="py-0.5">
+													<div class="flex w-full justify-between">
+														<div class=" text-left text-xs font-small">
+															{$i18n.t('lexical')}
+														</div>
+														<div class=" text-right text-xs font-small">
+															{$i18n.t('semantic')}
+														</div>
+													</div>
+												</div>
+											</div>
+											<div>
+												<input
+													bind:value={RAGConfig.HYBRID_BM25_WEIGHT}
+													type="number"
+													class=" bg-transparent text-center w-14"
+													min="0"
+													max="1"
+													step="any"
+												/>
 											</div>
 										</div>
-										<div class="flex mt-0.5 space-x-2">
-                                                             				<div class=" text-left text-xs font-small">
-												{$i18n.t('lexical')}
-											</div>
-											<div class=" flex-1">
-                                                             					<input
-                                                             						id="steps-range"
-                                                             						type="range"
-                                                             						min="0"
-                                                             						max="1"
-                                                             						step="0.05"
-                                                             						bind:value={RAGConfig.HYBRID_BM25_WEIGHT}
-                                                             						class="w-full h-2 rounded-lg appearance-none cursor-pointer dark:bg-gray-700"
-                                                             					/>
-                                                             				</div>
-                                                             				<div class=" text-right text-xs font-small">
-												{$i18n.t('semantic')}
-											</div>
-                                                             				<div>
-                                                             					<input
-                                                             						bind:value={RAGConfig.HYBRID_BM25_WEIGHT}
-                                                             						type="number"
-                                                             						class=" bg-transparent text-center w-14"
-                                                             						min="0"
-                                                             						max="1"
-                                                             						step="any"
-                                                             					/>
-                                                             				</div>
-                                                             			</div>
-                                                             		{/if}
-                                                                </div>
-                                      			{/if}
-                                                {/if}
+									{/if}
+								</div>
+							{/if}
+						{/if}
 
 						<div class="  mb-2.5 flex flex-col w-full justify-between">
 							<div class=" mb-1 text-xs font-medium">{$i18n.t('RAG Template')}</div>