update accordion layout

app.py

@@ -60,8 +60,7 @@ with gr.Blocks(css = """#label_mid {padding-top: 2px; padding-bottom: 2px;}
                         #col-container {max-width: 580px; margin-left: auto; margin-right: auto;}
                         #accordion {max-width: 580px; margin-left: auto; margin-right: auto;}
                         """) as demo:
-  with gr.Accordion(label="Details about the working of the App", open=False, elem_id='accordion'):
-    gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
+  gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
         <div
         style="
             display: inline-flex;
@@ -75,7 +74,9 @@ with gr.Blocks(css = """#label_mid {padding-top: 2px; padding-bottom: 2px;}
         <div><h4 style="font-weight: 500; margin-bottom: 7px; margin-top: 5px;">
             Get BLIP2 captions from <a href="https://langchain.readthedocs.io/en/latest/" target="_blank">Niels space</a> via API call,<br> 
             Use LangChain to create vector space with PlaygroundAI prompts</h4><br>
-        </div>
+        </div>""")
+  with gr.Accordion(label="Details about the working of the App", open=False, elem_id='accordion'):
+    gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
         <p style="margin-bottom: 10px; font-size: 90%">
         Do you see the "view api" link located in the footer of this application? 
         By clicking on this link, a page will open which provides documentation on the REST API that developers can use to query the Interface function / Block events.<br>