From 96996df2441f51273556c2de260d1490db1ee612 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=AA=E7=8C=AB?= <SnowCait@users.noreply.github.com>
Date: Tue, 26 May 2026 23:28:07 +0000
Subject: [PATCH 1/3] Search layout

---
 web/src/routes/(app)/search/SearchForm.svelte | 37 +++++++++++++++----
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/web/src/routes/(app)/search/SearchForm.svelte b/web/src/routes/(app)/search/SearchForm.svelte
index d8762115..78c06d24 100644
--- a/web/src/routes/(app)/search/SearchForm.svelte
+++ b/web/src/routes/(app)/search/SearchForm.svelte
@@ -62,14 +62,15 @@
 			</select>
 		</div>
 	</details>
-</form>
 
-{#if $developerMode}
-	<details>
-		<summary>Generated REQ Filter</summary>
-		<code class="card">{JSON.stringify(filter, null, 2)}</code>
-	</details>
-{/if}
+	{#if $developerMode}
+		<hr class="dev-divider">
+		<details class="dev-filter">
+			<summary>Generated REQ Filter</summary>
+			<code>{JSON.stringify(filter, null, 2)}</code>
+		</details>
+	{/if}
+</form>
 
 <style>
 	.search-row {
@@ -104,6 +105,28 @@
 		margin: 0.5rem 0 0;
 	}
 
+	hr.dev-divider {
+		margin: 0.75rem 0;
+		border: none;
+		border-top: var(--default-border);
+	}
+
+	details.dev-filter summary {
+		cursor: pointer;
+		font-size: 0.8rem;
+		font-family: monospace;
+		color: var(--accent-gray);
+		user-select: none;
+	}
+
+	details.dev-filter summary:hover {
+		color: var(--accent);
+	}
+
+	details.dev-filter code {
+		margin-top: 0.5rem;
+	}
+
 	@media screen and (max-width: 600px) {
 		.search-row {
 			flex-direction: column;

From 18fd093fe70c939df11e72d50653cda5ed1e6e7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=AA=E7=8C=AB?= <SnowCait@users.noreply.github.com>
Date: Tue, 26 May 2026 23:31:11 +0000
Subject: [PATCH 2/3] Search layout

---
 web/src/routes/(app)/search/SearchForm.svelte | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/web/src/routes/(app)/search/SearchForm.svelte b/web/src/routes/(app)/search/SearchForm.svelte
index 78c06d24..af7abd86 100644
--- a/web/src/routes/(app)/search/SearchForm.svelte
+++ b/web/src/routes/(app)/search/SearchForm.svelte
@@ -92,15 +92,11 @@
 
 	details.search-options summary {
 		cursor: pointer;
-		color: var(--accent-gray);
+		color: var(--accent);
 		font-size: 0.9rem;
 		user-select: none;
 	}
 
-	details.search-options summary:hover {
-		color: var(--accent);
-	}
-
 	details.search-options div {
 		margin: 0.5rem 0 0;
 	}
@@ -115,12 +111,8 @@
 		cursor: pointer;
 		font-size: 0.8rem;
 		font-family: monospace;
-		color: var(--accent-gray);
-		user-select: none;
-	}
-
-	details.dev-filter summary:hover {
 		color: var(--accent);
+		user-select: none;
 	}
 
 	details.dev-filter code {

From 8e8df436826d1ff1f900446dbd5c1568672c820f Mon Sep 17 00:00:00 2001
From: SnowCait <SnowCait@users.noreply.github.com>
Date: Wed, 27 May 2026 10:43:43 +0900
Subject: [PATCH 3/3] Format

---
 web/src/routes/(app)/search/SearchForm.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/routes/(app)/search/SearchForm.svelte b/web/src/routes/(app)/search/SearchForm.svelte
index af7abd86..1722a648 100644
--- a/web/src/routes/(app)/search/SearchForm.svelte
+++ b/web/src/routes/(app)/search/SearchForm.svelte
@@ -64,7 +64,7 @@
 	</details>
 
 	{#if $developerMode}
-		<hr class="dev-divider">
+		<hr class="dev-divider" />
 		<details class="dev-filter">
 			<summary>Generated REQ Filter</summary>
 			<code>{JSON.stringify(filter, null, 2)}</code>