app

app.py

@@ -47,7 +47,7 @@ with gr.Blocks() as app:
         # Output Column
         with gr.Column(scale=1):
             # Group transcripts together
-            with gr.Group(label="ASR Transcripts"):
+            with gr.Group():
                 with gr.Row():
                     transcript_ugArab_box = gr.Textbox(
                         label="ASR Transcript (Uyghur Arabic)",
@@ -60,7 +60,7 @@ with gr.Blocks() as app:
                     )
             
             # Group correct and user pronunciation
-            with gr.Group(label="Pronunciation Details"):
+            with gr.Group():
                 with gr.Row():
                     correct_pronunciation_box = gr.Textbox(
                         label="Correct Pronunciation",
@@ -72,14 +72,29 @@ with gr.Blocks() as app:
                         placeholder="IPA representation of your pronunciation..."
                     )
 
-            match_box = gr.Textbox(
-                label="Pronunciation Match",
-                placeholder="Matching and mismatched characters visualized here..."
-            )
-            score_box = gr.Textbox(
-                label="Pronunciation Score",
-                placeholder="Your pronunciation score as a percentage..."
-            )
+            with gr.Group():
+                with gr.Row():
+                    match_box = gr.Textbox(
+                        label="Phonetic Match",
+                        placeholder="Matching and mismatched characters visualized here..."
+                    )
+                with gr.Row():
+                    score_box = gr.Textbox(
+                        label="Phonetic Score",
+                        placeholder="Your pronunciation score as a percentage..."
+                    )
+            
+            with gr.Group():
+                with gr.Row():
+                    match_box = gr.Textbox(
+                        label="Phonetic Match",
+                        placeholder="Matching and mismatched characters visualized here..."
+                    )
+                with gr.Row():
+                    score_box = gr.Textbox(
+                        label="Phonetic Score",
+                        placeholder="Your pronunciation score as a percentage..."
+                    )
 
     # Bind functions to buttons
     generate_btn.click(