Improving styling

app.py

@@ -16,16 +16,17 @@ with gr.Blocks() as app:
     with gr.Row():
         with gr.Column(scale=1):
             input_text1 = gr.Textbox(label="Input Text for Reading Level")
-            button1 = gr.Button("Calculate Reading Level")
+            button1 = gr.Button("Calculate Reading Level", elem_id="button1")
         with gr.Column(scale=1):
             input_reading_level = gr.Textbox(label="Input Text Reading Level")
-
+    
     with gr.Row():
         with gr.Column(scale=1):
             input_text2 = gr.Textbox(label="Input Text for Generation")
             target_level = gr.Dropdown(choices=["1", "2", "3", "4", "5"], label="Target Reading Level")
-            button2 = gr.Button("Generate and Analyze Text")
+            button2 = gr.Button("Generate and Analyze Text", elem_id="button2")
         with gr.Column(scale=1):
+            display_input_level = gr.Textbox(label="Input Text Reading Level (Post-Generation)")
             output_text = gr.Textbox(label="Output Text")
             output_reading_level = gr.Textbox(label="Output Text Reading Level")
             output_text_similarity = gr.Textbox(label="Output Text Similarity to Input Text")
@@ -39,7 +40,16 @@ with gr.Blocks() as app:
     button2.click(
         fn=generate_and_analyze_text,
         inputs=[input_text2, target_level],
-        outputs=[input_reading_level, output_text, output_reading_level, output_text_similarity]
+        outputs=[display_input_level, output_text, output_reading_level, output_text_similarity]
     )
 
+    # Custom CSS to style the buttons
+    app.css = """
+    #button1, #button2 {
+        background-color: orange;
+        color: white;
+        width: 100%;
+    }
+    """
+
 app.launch()