Attempt to fix recommended topics popup to allow clicking

PanelInterface.py

@@ -79,11 +79,15 @@ def build_interface(respondent_agents_dict, processor_llm):
 
         with gr.Row():
             with gr.Column(scale=1, elem_classes="bio-section"):
-                gr.Markdown("""
-                ## Recommended Topics for Discussion
-                - Our agents have been trained exclusively on topics relevant to youth attitudes, behaviours, and lifestyle preferences.
-                - To ensure meaningful and respectful conversations, please do not ask inappropriate, offensive, or out-of-scope questions.
-                - <a href='javascript:void(0);' onclick='showTopicsModal(event)'><b>Click here for a list of permitted and prohibited topics.</b></a>
+                gr.HTML("""
+                <div style="text-align: left;">
+                    <h2>Recommended Topics for Discussion</h2>
+                    <ul>
+                        <li>Our agents have been trained exclusively on topics relevant to youth attitudes, behaviours, and lifestyle preferences.</li>
+                        <li>To ensure meaningful and respectful conversations, please do not ask inappropriate, offensive, or out-of-scope questions.</li>
+                        <li><a href='javascript:void(0);' onclick='showTopicsModal(event)' style='cursor: pointer; color: #007bff; text-decoration: underline;'><b>Click here for a list of permitted and prohibited topics.</b></a></li>
+                    </ul>
+                </div>
                 """)
 
                 gr.HTML(f"""