From 2cd72d660a4644801624e24ff4c5a274458ed652 Mon Sep 17 00:00:00 2001
From: joungmin <joungmin@joungmins-Mac-mini.local>
Date: Mon, 9 Mar 2026 15:57:14 +0900
Subject: [PATCH] Move region filters (country/city/district) to second row on
 desktop

Reduces first row clutter. Added divider between region and toggle buttons.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/app/page.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index ab57bbc..7a1d0fe 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -469,6 +469,9 @@ export default function Home() {
                   <option key={g.label} value={g.label}>{g.label}</option>
                 ))}
               </select>
+            </div>
+            {/* Row 2: Region filters + Toggle buttons + count */}
+            <div className="flex items-center gap-3">
               <select
                 value={countryFilter}
                 onChange={(e) => handleCountryChange(e.target.value)}
@@ -503,9 +506,7 @@ export default function Home() {
                   ))}
                 </select>
               )}
-            </div>
-            {/* Row 2: Toggle buttons + count */}
-            <div className="flex items-center gap-3">
+              <div className="w-px h-5 bg-gray-200" />
               <button
                 onClick={() => setBoundsFilterOn(!boundsFilterOn)}
                 className={`px-3 py-1.5 text-sm border rounded-lg transition-colors ${