style: enhance result table appearance with scrollable overflow

app.py

@@ -67,6 +67,7 @@ with gr.Blocks(
     css="""
         .main-header {text-align:center; margin-bottom:4px}
         .sub-header  {text-align:center; color:#555; margin-top:0}
+        .result-table {height: 300px; overflow-y: auto}
     """,
 ) as demo:
     gr.Markdown(
@@ -96,6 +97,7 @@ with gr.Blocks(
                 headers=["CAS", "Tên hóa chất", "Yêu cầu pháp lý", "Cơ sở pháp lý"],
                 datatype=["str", "str", "str", "str"],
                 interactive=False, wrap=True,
+                elem_classes=["result-table"],
             )
             text_detail = gr.Markdown()
 
@@ -120,6 +122,7 @@ with gr.Blocks(
                 headers=["CAS", "Tên hóa chất", "Yêu cầu pháp lý", "Cơ sở pháp lý"],
                 datatype=["str", "str", "str", "str"],
                 interactive=False, wrap=True,
+                elem_classes=["result-table"],
             )
             img_detail = gr.Markdown()