Update app.py

app.py

@@ -47,7 +47,7 @@ style="""
     display:none;
 }
 #big_btn {
-    height:50px;
+    height:5em;
     border-radius:15px;
 }
 """
@@ -170,19 +170,22 @@ with gr.Blocks(css=style,head=head) as b:
     <h4>Piper: <a href='https://github.com/rhasspy/piper' target='_blank'>https://github.com/rhasspy/piper</a></h4>
     <h4>PyPiperTTS: <a href='https://github.com/broadfield-dev/PyPiperTTS' target='_blank'>https://github.com/broadfield-dev/PyPiperTTS</a></h4>
     """)
-    with gr.Group():
-        with gr.Row():
-            query=gr.Textbox(label="Query")
-            num=gr.Number(label="Count",step=1,value=10,interactive=False)
     with gr.Row():
-        sub=gr.Button(elem_id='big_btn')
-    with gr.Group():
-        with gr.Row():
-            prev_btn=gr.Button("Previous",interactive=False)
-            show_html=gr.HTML()
-            next_btn=gr.Button("Next")
-    html_out=gr.HTML()
-    json_out=gr.JSON()
+        gr.Column(scale=1)
+        with gr.Column(scale=2):
+            query=gr.Textbox(label="Query")
+            sub=gr.Button(elem_id='big_btn')
+            with gr.Group():
+                with gr.Row():
+                    prev_btn=gr.Button("Previous",interactive=False)
+                    next_btn=gr.Button("Next")
+                    show_html=gr.HTML()
+        gr.Column(scale=1)
+    
+    with gr.Column(visible=False):
+        num=gr.Number(label="Count",step=1,value=10,interactive=False)
+        html_out=gr.HTML()
+        json_out=gr.JSON()
     
     hid_start1=gr.Textbox(elem_id='readit')    
     hid_start=gr.Number(step=1,value=0,visible=False, interactive=False)