fix styling

app.py

@@ -57,18 +57,18 @@ def classify_text(text):
     return f'<div style="background-color: {color_mapping[predicted_label]}; padding: 10px; border-radius: 5px;">{predicted_label}</div>'
 
 # Create the Gradio interface using Blocks for custom layout
-with gr.Blocks() as interface:
-    gr.Markdown("# Text Classification with API")
-    gr.Markdown("Enter a sentence and get it classified into 'Ablehnung', 'Neutral', or 'Zustimmung'.")
+with gr.Blocks(css=".gradio-container { max-width: 800px; margin: auto; }") as interface:
+    gr.Markdown("# ePA Classifier")
+    gr.Markdown("Gib einen Satz oder Text ein, der in 'Ablehnung', 'Neutral', oder 'Zustimmung' klassifiziert werden soll.")
     
     # Input text box set for single-line input
-    text_input = gr.Textbox(lines=1, placeholder="Enter your text here...")  # Single-line input
+    text_input = gr.Textbox(lines=1, placeholder="Hier Text...")  # Single-line input
     
     # Submit button
-    submit_btn = gr.Button("Submit")
+    submit_btn = gr.Button("Klassifizieren")
     
     # Placeholder for result with an initial message
-    result_output = gr.HTML(value="<div style='color:gray;'>The classification result will be displayed here.</div>")
+    result_output = gr.HTML(value="<div style='color:gray;'>Das Ergebnis wird hier angezeigt</div>")
 
     # Connect the submit button to the classification function
     submit_btn.click(fn=classify_text, inputs=text_input, outputs=result_output)