Update app.py

app.py

@@ -200,14 +200,36 @@ class TranslatorApp:
         finally:
             self.processing = False
 
+# Custom CSS for styling
+custom_css = """
+/* Style for the Translate button */
+button {
+    background-color: orange !important;
+    color: white !important;
+    border: none !important;
+}
+
+/* Style for the Upload PowerPoint file input */
+.upload-area {
+    border: 2px solid orange !important;
+    padding: 10px !important;
+    border-radius: 5px !important;
+}
+
+/* Adjust height of download file components */
+.download-box {
+    height: 50px !important;
+}
+"""
+
 def create_interface():
     app = TranslatorApp()
-    with gr.Blocks() as interface:
+    with gr.Blocks(css=custom_css) as interface:
         gr.Markdown("# BabelSlide by Heuristica")
         gr.Markdown("Translate PowerPoint presentations using various AI models.")
 
         with gr.Row():
-            file_input = gr.File(label="Upload PowerPoint File")
+            file_input = gr.File(label="Upload PowerPoint File", elem_classes="upload-area")
             api_provider = gr.Dropdown(label="API Provider", choices=list(API_PROVIDERS.keys()))
             api_key = gr.Textbox(label="API Key", type="password")
             source_lang = gr.Dropdown(label="Source Language", choices=list(LANGUAGES.keys()))
@@ -215,8 +237,8 @@ def create_interface():
 
         progress_bar = gr.Progress()
         output_text = gr.Textbox(label="Output", interactive=False)
-        output_file = gr.File(label="Download Translated PowerPoint")
-        output_review = gr.File(label="Download Review")
+        output_file = gr.File(label="Download Translated PowerPoint", elem_classes="download-box")
+        output_review = gr.File(label="Download Review", elem_classes="download-box")
 
         run_button = gr.Button("Translate")
         run_button.click(