change alignment

Signed-off-by: monica-sekoyan <[email protected]>

app.py

@@ -316,8 +316,8 @@ nvidia_theme = gr_themes.Default(
 # Apply the custom theme
 with gr.Blocks(theme=nvidia_theme) as demo:
     model_display_name = MODEL_NAME.split('/')[-1] if '/' in MODEL_NAME else MODEL_NAME
-    gr.Markdown(f"<h1 style='text-align: center; margin: 0 auto;'>🐤 Transcribe and Translate with {model_display_name}</h1>")
-    gr.Markdown(f"<h2 style='text-align: center; margin: 0 auto;'>in 25 European Languages</h2>")
+    gr.HTML(f"<h1 style='text-align: center'>🐤 Transcribe and Translate with {model_display_name}</h1>")
+    gr.HTML("<h2 style='text-align: center'>in 25 European Languages</h2>")
     gr.HTML(article)
 
     current_audio_path_state = gr.State(None)
@@ -350,11 +350,7 @@ with gr.Blocks(theme=nvidia_theme) as demo:
             mic_transcribe_btn = gr.Button("Transcribe Microphone Input", variant="primary")
 
     gr.Markdown("---")
-    gr.Markdown(f"""
-                <div style="text-align: center; font-size: 1.2em; font-weight: bold; padding: 10px; margin: 10px 0; border-top: 0px solid #ccc; border-bottom: 1px solid #ccc;">
-                    Ready to dive in? Just <span style="color:orange">click</span> on the text to jump to the part you need!
-                </div>
-                """)
+    gr.HTML("<h3 style='text-align: center'>Ready to dive in? Click on the text to jump to the part you need!</h3>")
 
     # Define the DownloadButton *before* the DataFrame
     download_btn = gr.DownloadButton(label="Download Transcript (CSV)", visible=False)