Revert "Move accordions together"

This reverts commit 839d593.

src/app.css

@@ -93,11 +93,6 @@ textarea::placeholder {
     padding: 2px 8px;
 }
 
-.accordion.about {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
 /* Examples */
 #examples .label {
     display: none;
@@ -112,12 +107,6 @@ textarea::placeholder {
     font-size: var(--text-lg);
 }
 
-.accordion.examples {
-    margin-top: -17px;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-}
-
 /* Dataframes */
 .dataframe svelte-virtual-table-viewport table {
     scrollbar-width: none;

src/app.py

@@ -227,7 +227,7 @@ def run_demo(
         f'# Prompt Compression Demo <a class="source" href="https://github.com/cornzz/llmlingua-demo" target="_blank">{GH_LOGO}</a>'
     )
     # Info / Settings
-    with gr.Accordion("About this demo (please read):", open=False, elem_classes="accordion about"):
+    with gr.Accordion("About this demo (please read):", open=False, elem_classes="accordion"):
         gr.Markdown(
             "Your prompt is sent to a target LLM for completion, both in its uncompressed form and compressed using [LLMLingua-2](https://llmlingua.com/llmlingua2.html). "
             "Evaluate the responses and give feedback for each one by clicking on the respective button below the answer."
@@ -260,7 +260,7 @@ def run_demo(
                 )
 
     # Examples
-    with gr.Accordion("Example prompts:", open=False, elem_classes="accordion examples"):
+    with gr.Accordion("Example prompts:", open=False, elem_classes="accordion"):
         examples = gr.Dataset(
             samples=[[example["original_prompt"]] for example in example_dataset],
             components=[gr.Textbox(visible=False)],