Update src/streamlit_app.py

src/streamlit_app.py

@@ -299,10 +299,33 @@ elif page:
                 st.session_state["just_submitted"] = True
                 st.rerun()
 
+import difflib
+
 elif search_query:
     st.title(f"Search Results for '{search_query}'")
-    filtered = movie_df[movie_df["clean_title"].str.contains(search_query, case=False, na=False)]
     
+    search_clean = search_query.strip().lower()
+
+    def title_match_score(title):
+        title_lower = title.lower()
+        if title_lower == search_clean:
+            return 3
+        elif title_lower.startswith(search_clean):
+            return 2
+        elif search_clean in title_lower:
+            return 1
+        else:
+            return 0
+
+    movie_df["match_score"] = movie_df["clean_title"].apply(title_match_score)
+    strong_matches = movie_df[movie_df["match_score"] > 0].sort_values("match_score", ascending=False)
+
+    if strong_matches.empty:
+        close_titles = difflib.get_close_matches(search_query, movie_df["clean_title"], n=10, cutoff=0.5)
+        filtered = movie_df[movie_df["clean_title"].isin(close_titles)]
+    else:
+        filtered = strong_matches
+
     if filtered.empty:
         st.warning("No movies found.")
     else:
@@ -313,52 +336,70 @@ elif search_query:
             padding: 15px;
             border-radius: 10px;
             margin-bottom: 15px;
-            transition: all 0.3s ease-in-out;
+            display: flex;
+            align-items: flex-start;
+            gap: 20px;
         }
         .movie-box:hover {
             background-color: #262626;
         }
-        .movie-box.expanded {
-            border-left: 6px solid #b32d2e;
-            background-color: #2a2a2a;
+        .poster {
+            width: 100px;
+            height: 150px;
+            flex-shrink: 0;
+            border-radius: 4px;
+            object-fit: cover;
+            background: #333;
+        }
+        .movie-content {
+            flex-grow: 1;
         }
         .movie-title {
-            font-size: 18px;
+            font-size: 20px;
             font-weight: bold;
             color: #e63946;
+            margin-bottom: 0.5rem;
         }
         .movie-details {
-            margin-top: 10px;
+            color: #ccc;
+            font-size: 15px;
+            margin-bottom: 0.5rem;
+        }
+        a.movie-link {
+            color: #b32d2e;
+            text-decoration: none;
+        }
+        a.movie-link:hover {
+            text-decoration: underline;
         }
         </style>
         """, unsafe_allow_html=True)
 
         for _, movie in filtered.iterrows():
-            with st.expander(f"🎬 {movie['clean_title']}", expanded=False):
-                container = st.container()
-                with container:
-                    st.markdown(f"""
-                    <div class="movie-box expanded">
+            poster_url, _ = get_tmdb_data(movie["clean_title"], movie["year"])
+            if not poster_url or "placeholder.com" in poster_url:
+                poster_html = """
+                    <div style='width:100px;height:150px;border:2px dashed gray;display:flex;align-items:center;justify-content:center;color:gray;font-size:12px;'>No<br>Image</div>
+                """
+            else:
+                poster_html = f"<img src='{poster_url}' class='poster'>"
+
+            st.markdown(f"""
+            <div class="movie-box">
+                {poster_html}
+                <div class="movie-content">
+                    <details>
+                        <summary class="movie-title">🎬 {movie['clean_title']}</summary>
                         <div class="movie-details">
                             <p><strong>Genres:</strong> {movie['genres']}</p>
                             <p><strong>Year:</strong> {movie['year']}</p>
-                            <a href="/?movie_id={movie['movieId']}" style="color:#b32d2e;">🔍 Details</a>
-                        </div>
-                    </div>
-                    """, unsafe_allow_html=True)
-            # Show image even when collapsed
-            poster_url, _ = get_tmdb_data(movie["clean_title"], movie["year"])
-            with st.container():
-                col1, col2 = st.columns([1, 4])
-                with col1:
-                    if poster_url and "placeholder.com" not in poster_url:
-                        st.image(poster_url, width=100)
-                    else:
-                        st.markdown("""
-                        <div style='width:100px;border:2px dashed gray;height:150px;display:flex;align-items:center;justify-content:center;color:gray;'>
-                            No Image
+                            <a class="movie-link" href='/?movie_id={movie["movieId"]}'>🔍 Details</a>
                         </div>
-                        """, unsafe_allow_html=True)
+                    </details>
+                </div>
+            </div>
+            """, unsafe_allow_html=True)
+
 
 else:
     st.title("Welcome to Movie Recommender")