Update app.py

app.py

@@ -128,6 +128,7 @@ Sintetizador de voz con la voz del locutor argentino Pedro Labattaglia.
 with gr.Blocks(theme=theme) as demo:
     gr.Markdown(description)
 
+    # Fila para centrar la imagen
     with gr.Row():
         with gr.Column(equal_height=True):  # Esto centra la imagen en la fila
             gr.Image(
@@ -138,17 +139,7 @@ with gr.Blocks(theme=theme) as demo:
                 elem_id="image-container"  # Asigna un ID CSS para agregar estilos personalizados
             )
 
-# Agregamos estilos CSS personalizados
-demo.css = """
-#image-container img {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-    max-width: 256px;  /* Ancho máximo de 256px */
-    height: auto;      /* Mantener la relación de aspecto */
-}
-"""
-
+    # Fila para seleccionar idioma, referencia y generar voz
     with gr.Row():
         with gr.Column(scale=2):
             language_selector = gr.Dropdown(label="Idioma", choices=supported_languages)
@@ -160,11 +151,23 @@ demo.css = """
             generated_audio = gr.Audio(label="Audio generado", interactive=False)
             metrics_output = gr.Textbox(label="Métricas", value="Tiempo de generación: -- segundos\nFactor de tiempo real: --")
 
+    # Configuración del botón para generar voz
     generate_button.click(
         predict,
         inputs=[input_text, language_selector, reference_audio],
         outputs=[generated_audio, metrics_output]
     )
 
+# Estilos CSS personalizados
+demo.css = """
+#image-container img {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 256px;  /* Ancho máximo de 256px */
+    height: auto;      /* Mantener la relación de aspecto */
+}
+"""
+
 if __name__ == "__main__":
     demo.launch()