More descriptive labels and button fix

app.py

@@ -180,6 +180,9 @@ css = """
           text-align: center;
           font-weight: 900;
         }
+        #submit-button{
+          width: 100%;
+        }
 """
 iface = gr.Blocks(css=css)
 
@@ -227,7 +230,8 @@ with iface:
             with gr.Accordion("Click to modify detailed configurations", open=False):
                 seed = gr.Number(
                     value=45,
-                    label="Change this value (any integer number) will lead to a different generation result.",
+                    label="Seed",
+                    info="Change this value (any integer number) will lead to a different generation result."
                 )
                 # duration = gr.Slider(
                 #     10, 10, value=10, step=2.5, label="Duration (seconds)"
@@ -237,14 +241,16 @@ with iface:
                     6,
                     value=3.5,
                     step=0.5,
-                    label="Guidance scale (Large => better quality and relavancy to text; Small => better diversity)",
+                    label="Guidance Scale",
+                    info="Large => better quality and relavancy to text; Small => better diversity"
                 )
                 n_candidates = gr.Slider(
                     1,
                     3,
                     value=3,
                     step=1,
-                    label="Automatic quality control. This number control the number of candidates (e.g., generate three audios and choose the best to show you). A Larger value usually lead to better quality with heavier computation",
+                    label="Number of candidates",
+                    info="This number control the number of candidates (e.g., generate three audios and choose the best to show you). A Larger value usually lead to better quality with heavier computation"
                 )
                 # model_name = gr.Dropdown(
                 #       ["audioldm-m-text-ft", "audioldm-s-text-ft", "audioldm-m-full","audioldm-s-full-v2", "audioldm-s-full", "audioldm-l-full"], value="audioldm-m-full", label="Choose the model to use. audioldm-m-text-ft and audioldm-s-text-ft are recommanded. -s- means small, -m- means medium and -l- means large",
@@ -260,7 +266,7 @@ with iface:
             #     loading_icon = gr.HTML(loading_icon_html, visible=False)
             #     share_button = gr.Button("Share to community", elem_id="share-btn", visible=False)
             # outputs=[gr.Audio(label="Output", type="numpy"), gr.Audio(label="Output", type="numpy")]
-            btn = gr.Button("Submit").style(full_width=True)
+            btn = gr.Button("Submit", elem_id="submit-button").style(full_width=True)
 
         with gr.Group(elem_id="share-btn-container", visible=False):
             community_icon = gr.HTML(community_icon_html)