Refactor app layout and update demo text information

app.py

@@ -190,13 +190,6 @@ with gr.Blocks(title="Kokoro TTS Demo", css="""
     .token-count {
         color: #4169e1;
     }
-    .centered-label {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
-        margin: 10px 0;
-    }
 """) as demo:
     gr.HTML(header_html)
     
@@ -264,18 +257,18 @@ with gr.Blocks(title="Kokoro TTS Demo", css="""
                 show_label=False,
                 show_copy_button=True  # Add copy button for convenience
             )
-            with gr.Row(equal_height=True):
-                with gr.Column():
-                    label_html = gr.HTML(initial_label, elem_classes="centered-label")
-                    # Update label whenever text changes
-                    text_input.change(
-                        fn=update_text_label,
-                        inputs=[text_input],
-                        outputs=[label_html],
-                        trigger_mode="always_last"
-                    )
             clear_btn = gr.Button("Clear Text", variant="secondary")
             
+            label_html = gr.HTML(initial_label)
+            # Update label whenever text changes
+            text_input.change(
+                fn=update_text_label,
+                inputs=[text_input],
+                outputs=[label_html],
+                trigger_mode="always_last"
+            )
+
+            
             def clear_text():
                 return "", '<div class="token-label">Text to speak</div>'
             

lib/ui_content.py

@@ -44,6 +44,5 @@ header_html = f"""
 
 # Markdown content for demo text info
 demo_text_info = """
-### Demo Text Info
-The demo text is loaded from H.G. Wells' "The Time Machine". This classic text demonstrates the system's ability to handle long-form content through chunking.
+All input text is waas sourced as public domain.
 """