Update app.py

app.py

@@ -44,10 +44,26 @@ logo_colors = {
     "text_color": "#212529"
 }
 
+# Configura la interfaz de usuario
 with gr.Blocks(css=f"""
-    .gradio-container {{ background-color: {logo_colors['background']}; }}
-    .headline-output {{ white-space: pre-line; text-align: left; font-size: 16px; padding: 10px; border: 1px solid {logo_colors['primary']}; border-radius: 5px; }}
-    .gradio-button {{ margin-top: 10px; }}
+    .gradio-container {{
+        background-color: {logo_colors["background"]};
+    }}
+    .gradio-button {{
+        margin-top: 10px;
+        background-color: {logo_colors["primary"]};
+        color: white;
+        border: none;
+        border-radius: 4px;
+        padding: 10px;
+    }}
+    .gradio-button:hover {{
+        background-color: #1b5bb5;
+    }}
+    .result-text {{
+        white-space: pre-line;
+        text-align: left;
+    }}
 """) as demo:
     gr.Markdown(
         f"""
@@ -57,13 +73,15 @@ with gr.Blocks(css=f"""
     )
     
     with gr.Row():
-        with gr.Column():
+        with gr.Column(scale=2):
             number_of_headlines = gr.Number(label="Número de Titulares", value=5)
             target_audience = gr.Textbox(label="Público Objetivo", placeholder="Ejemplo: Estudiantes Universitarios")
             product = gr.Textbox(label="Producto", placeholder="Ejemplo: Curso de Inglés")
-            submit_btn = gr.Button("Generar Titulares", elem_id="submit-btn", css_class="gradio-button")
-    
-    output = gr.Textbox(label="Titulares Generados", lines=10, css_class="headline-output")
+        
+        with gr.Column(scale=1):
+            submit_btn = gr.Button("Generar Titulares")
+
+    output = gr.Textbox(label="Titulares Generados", lines=10, elem_id="result-text")
 
     submit_btn.click(
         fn=gradio_generate_headlines,