From 7581ba053bd71f7f9249353a4404574addc7d829 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 14:50:19 +0000
Subject: [PATCH] Refactor search result layout

---
 src/components/search/AutocompleteSearch.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/search/AutocompleteSearch.tsx b/src/components/search/AutocompleteSearch.tsx
index e94d0705..30b57fa2 100644
--- a/src/components/search/AutocompleteSearch.tsx
+++ b/src/components/search/AutocompleteSearch.tsx
@@ -274,14 +274,16 @@ export function AutocompleteSearch({
                 ) : (
                   <>
                     <div className="flex-1 min-w-0">
-                      <div className="flex items-center gap-2 mb-1">
-                        <span className="font-semibold text-foreground truncate">{item.title}</span>
-                        <Badge variant="outline" className={`text-xs font-medium ${getTypeColor(item.type)}`}>
-                          {getTypeLabel(item.type)}
-                        </Badge>
-                      </div>
-                      <div className="text-sm text-muted-foreground/80 truncate mt-0.5 leading-relaxed">
-                        {item.subtitle}
+                      <div className="flex items-center justify-between gap-2">
+                        <div className="flex items-center gap-2 min-w-0">
+                          <span className="font-semibold text-foreground truncate">{item.title}</span>
+                          <Badge variant="outline" className={`text-xs font-medium ${getTypeColor(item.type)}`}>
+                            {getTypeLabel(item.type)}
+                          </Badge>
+                        </div>
+                        <div className="text-sm text-muted-foreground/80 truncate leading-relaxed flex-shrink-0">
+                          {item.subtitle}
+                        </div>
                       </div>
                     </div>
                     {(item as SearchResult).rating && (item as SearchResult).rating! > 0 && (