Update app.py

app.py

@@ -22,7 +22,7 @@ css = """
 body {background-color: #f0f8ff; font-family: 'Arial', sans-serif;}
 .gradio-container {max-width: 900px; margin: 0 auto; border-radius: 15px; padding: 30px; background-color: white; box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
 textarea {border-radius: 10px; padding: 15px; font-size: 16px; border: 2px solid #ddd; width: 100%;}
-button {background-color: #4caf50; color: white; border-radius: 10px; padding: 10px 15px; font-size: 16px; border: none; cursor: pointer; margin-top: 10px; margin-right: 5px;}
+button {background-color: #4caf50; color: #000000; border-radius: 10px; padding: 10px 15px; font-size: 16px; border: none; cursor: pointer; margin-top: 10px; margin-right: 5px;}
 button:hover {background-color: #45a049;}
 h1 {color: #333; font-size: 36px; text-align: center; margin-bottom: 20px;}
 h2 {color: #555; font-size: 24px; margin-bottom: 10px;}
@@ -58,7 +58,7 @@ with gr.Blocks(css=css) as journal_app:
     # Align buttons using rows and columns for better layout
     with gr.Row():
         for i, entry in enumerate(example_entries):
-            gr.Button(f"Example {i+1}").click(fn=lambda e=entry: fill_prompt(e), outputs=prompt_textbox)
+            gr.Button(entry).click(fn=lambda e=entry: fill_prompt(e), outputs=prompt_textbox)
 
     with gr.Row():
         # Output for generated text