Update app.py

app.py

@@ -13,7 +13,6 @@ def filter_table(query):
             df['Note'].str.contains(query, case=False, na=False)
         ]
 
-    # Styled HTML with full-width scrollable table
     style = """
     <style>
     .scroll-container {
@@ -59,19 +58,16 @@ def filter_table(query):
     html_table += "</table></div>"
     return html_table
 
-# Gradio Blocks layout for better positioning
+# Gradio app using Blocks layout
 with gr.Blocks(title="Reading Notes Viewer") as demo:
     gr.Markdown("### Search and browse your reading notes")
 
-    query = gr.Textbox(label="Search", placeholder="Type a keyword...")
-    output = gr.HTML()
+    search_box = gr.Textbox(label="Search", placeholder="Type a keyword...")
+    table_output = gr.HTML(value=filter_table(""))
 
-    query.change(fn=filter_table, inputs=query, outputs=output)
-
-    # Show full table by default
-    output.style(full_width=True)
-    output.update(value=filter_table(""))
+    search_box.change(fn=filter_table, inputs=search_box, outputs=table_output)
 
 demo.launch()
 
 
+