Update app_v2.py

app_v2.py

@@ -278,14 +278,7 @@ def create_interface():
             box-shadow: var(--shadow-md) !important;
         }
 
-        #about-demo-box {
-            background: transparent !important;
-            border: none !important;
-            box-shadow: none !important;
-            padding: 0 !important;
-            margin-bottom: 24px !important;
-        }
-
+        
         #main-content-row {
             min-height: 9vh;
         }
@@ -358,56 +351,63 @@ def create_interface():
             </div>
         """)
 
-        with gr.Group(elem_id="about-demo-box"):
-            gr.HTML("""
-                <div style="
-                    padding: 30px 34px;
-                    border-radius: 20px;
-                    background: white;
-                    border: none;
-                    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
-                ">
-                    <h2 style="
-                        margin: 0 0 22px 0;
-                        font-size: 2.1rem;
-                        font-weight: 800;
-                        color: #1e293b;
-                        line-height: 1.2;
-                    ">
-                        About This Demo
-                    </h2>
-
-                    <p style="
-                        margin: 0 0 20px 0;
-                        font-size: 1.08rem;
-                        line-height: 1.9;
-                        color: #334155;
-                    ">
-                        This demo showcases the results of a powerful pipeline designed to process long audio files with multiple speakers and languages:
-                    </p>
-
-                    <ol style="
-                        margin: 0;
-                        padding-left: 28px;
-                        color: #334155;
-                        font-size: 1.06rem;
-                        line-height: 1.9;
-                    ">
-                        <li style="margin-bottom: 14px;">
-                            <strong style="color:#1e293b;">Speaker Diarization:</strong>
-                            Identifies <em>who</em> spoke and <em>when</em>.
-                        </li>
-                        <li style="margin-bottom: 14px;">
-                            <strong style="color:#1e293b;">Multilingual Transcription:</strong>
-                            Transcribes each speaker's segment, automatically detecting the language.
-                        </li>
-                        <li style="margin-bottom: 0;">
-                            <strong style="color:#1e293b;">LLM Analysis:</strong>
-                            Uses a Large Language Model to summarize the transcript, extract action items, and generate key insights.
-                        </li>
-                    </ol>
-                </div>
-            """)
+        gr.HTML(
+    """
+    <div style="
+        padding: 30px 34px;
+        border-radius: 20px;
+        background: white;
+        border: none;
+        box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
+        margin-bottom: 24px;
+    ">
+        <h2 style="
+            margin: 0 0 22px 0;
+            font-size: 2.1rem;
+            font-weight: 800;
+            color: #1e293b;
+            line-height: 1.2;
+        ">
+            About This Demo
+        </h2>
+
+        <p style="
+            margin: 0 0 20px 0;
+            font-size: 1.08rem;
+            line-height: 1.9;
+            color: #334155;
+        ">
+            This demo showcases the results of a powerful pipeline designed to process long audio files with multiple speakers and languages:
+        </p>
+
+        <ol style="
+            margin: 0;
+            padding-left: 28px;
+            color: #334155;
+            font-size: 1.06rem;
+            line-height: 1.9;
+        ">
+            <li style="margin-bottom: 14px;">
+                <strong style="color:#1e293b;">Speaker Diarization:</strong>
+                Identifies <em>who</em> spoke and <em>when</em>.
+            </li>
+            <li style="margin-bottom: 14px;">
+                <strong style="color:#1e293b;">Multilingual Transcription:</strong>
+                Transcribes each speaker's segment, automatically detecting the language.
+            </li>
+            <li style="margin-bottom: 0;">
+                <strong style="color:#1e293b;">LLM Analysis:</strong>
+                Uses a Large Language Model to summarize the transcript, extract action items, and generate key insights.
+            </li>
+        </ol>
+    </div>
+    """,
+    elem_id="about-demo-box",
+    container=False,
+    padding=False,
+    apply_default_css=False,
+)
+
 
         with gr.Row():
             placeholder = "-- Please select an audio file --"