style

README.md

@@ -1,6 +1,6 @@
 ---
 title: Sample Streamlit Search
-emoji: 📊
+emoji: 🌿
 colorFrom: gray
 colorTo: red
 sdk: streamlit

app.py

@@ -1,10 +1,11 @@
 import os
+
 import streamlit as st
 import streamlit.components.v1 as components
 from datasets import load_dataset
 from pyserini.search.lucene import LuceneSearcher
 
-st.set_page_config(page_title="Gaia Search", layout="wide")
+st.set_page_config(page_title="IMDB Search", layout="wide")
 
 
 st.sidebar.markdown(
@@ -13,10 +14,10 @@ st.sidebar.markdown(
 .aligncenter {
     text-align: center;
     font-weight: bold;
-    font-size: 50px;
+    font-size: 28px;
 }
 </style>
-<p class="aligncenter">Streamlit Search</p>
+<p class="aligncenter">IMDB Search</p>
 """,
     unsafe_allow_html=True,
 )
@@ -66,13 +67,12 @@ if st.sidebar.button("Search"):
     results = search(query)
     results_html = ""
     for result in results:
-        results_html += result + "<br><hr><br>"
+        results_html += result + "<br><br><hr><br>"
     rendered_results = f"""
-            <div id="searchresultsarea">
-                <br>
-                {results_html}
-            </div>
-                        """
+        <div id="searchresultsarea">
+            {results_html}
+        </div>
+    """
 
     components.html(
         rendered_results,