style

app.py

@@ -7,49 +7,52 @@ from pyserini.search.lucene import LuceneSearcher
 
 st.set_page_config(page_title="IMDB Search", layout="wide")
 
-
 st.sidebar.markdown(
     """
-<style>
-.aligncenter {
-    text-align: center;
-    font-weight: bold;
-    font-size: 28px;
-}
-</style>
-<p class="aligncenter">IMDB Search</p>
-""",
+    <style>
+    .aligncenter {
+        text-align: center;
+        font-weight: bold;
+        font-size: 28px;
+    }
+    </style>
+    <p class="aligncenter">IMDB Search</p>
+    """,
     unsafe_allow_html=True,
 )
 
 st.sidebar.markdown(
     """
-<style>
-.aligncenter {
-    text-align: center;
-}
-</style>
-""",
+    <style>
+    .aligncenter {
+        text-align: center;
+    }
+    </style>
+    """,
     unsafe_allow_html=True,
 )
 
 query = st.sidebar.text_input(label="Search query", value="")
 
-footer = """<style>
-.footer {
-position: fixed;
-left: 0;
-bottom: 0;
-width: 100%;
-background-color: white;
-color: black;
-text-align: center;
-}
-</style>
-<div class="footer">
-<p>Powered by <a href="https://huggingface.co/" >HuggingFace 🤗</a> and <a href="https://github.com/castorini/pyserini" >Pyserini 🦆</a></p>
-</div>
+footer = """
+    <style>
+    .footer {
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        background-color: white;
+        color: black;
+        text-align: center;
+    }
+    </style>
+    <div class="footer">
+    <p>
+    Powered by <a href="https://huggingface.co/" >HuggingFace 🤗</a> and <a href="https://github.com/castorini/pyserini" >Pyserini 🦆</a>
+    </p>
+    </div>
 """
+
 st.sidebar.markdown(footer, unsafe_allow_html=True)