Update src/streamlit_app.py

src/streamlit_app.py

@@ -374,31 +374,30 @@ elif search_query:
         </style>
         """, unsafe_allow_html=True)
 
-        for _, movie in filtered.iterrows():
-            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 class="movie-link" href='/?movie_id={movie["movieId"]}'>🔍 Details</a>
-                        </div>
-                    </details>
+    for _, movie in filtered.iterrows():
+        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">
+                <div class="movie-title">
+                    <a href='/?movie_id={movie["movieId"]}' class="movie-link">🎬 {movie['clean_title']}</a>
+                </div>
+                <div class="movie-details">
+                    <p><strong>Genres:</strong> {movie['genres']}</p>
+                    <p><strong>Year:</strong> {movie['year']}</p>
                 </div>
             </div>
-            """, unsafe_allow_html=True)
-
+        </div>
+        """, unsafe_allow_html=True)
 
 else:
     st.title("Welcome to Movie Recommender")