Update app.py

app.py

@@ -790,6 +790,11 @@ def create_interface():
         display: none !important;
     }
     
+    /* Remove the "or" text in the file upload component */
+    .custom-file-upload .file-preview + p {
+        display: none !important;
+    }
+    
     /* Style the file upload button to look like our desired Upload Document button */
     .custom-file-upload > div:last-child {
         height: 38px !important;
@@ -797,6 +802,7 @@ def create_interface():
         background-color: #f0f0f0 !important;
         border: 1px solid #d9d9d9 !important;
         border-radius: 4px !important;
+        width: 100% !important;
     }
     
     /* Style the upload button text */
@@ -809,6 +815,11 @@ def create_interface():
     .custom-file-upload > div:last-child:hover {
         background-color: #e0e0e0 !important;
     }
+    
+    /* Align the button container width with radio buttons */
+    .button-container {
+        width: 184px !important;
+    }
     """
     
     with gr.Blocks(css=css, title="AI Text Detector") as demo:
@@ -829,23 +840,26 @@ def create_interface():
                 gr.Markdown("Analysis Mode")
                 gr.Markdown("Quick mode for faster analysis. Detailed mode for sentence-level analysis.")
                 
-                # Create a row for radio buttons and upload button
                 with gr.Row():
-                    # Radio buttons for analysis mode
-                    mode_selection = gr.Radio(
-                        choices=["quick", "detailed"],
-                        value="quick",
-                        label="",
-                        show_label=False
-                    )
-                    
-                    # Custom styled file upload component
-                    with gr.Column(elem_classes=["custom-file-upload"], scale=0, min_width=150):
-                        file_upload = gr.File(
-                            file_types=["image", "pdf", "doc", "docx"],
-                            type="binary",
-                            label="Upload Document"
+                    # Column for radio buttons
+                    with gr.Column(scale=0):
+                        # Radio buttons for analysis mode
+                        mode_selection = gr.Radio(
+                            choices=["quick", "detailed"],
+                            value="quick",
+                            label="",
+                            show_label=False
                         )
+                    
+                    # Column for upload button with fixed width to match radio buttons
+                    with gr.Column(elem_classes=["button-container"], scale=0):
+                        # Custom styled file upload component
+                        with gr.Column(elem_classes=["custom-file-upload"], scale=0):
+                            file_upload = gr.File(
+                                file_types=["image", "pdf", "doc", "docx"],
+                                type="binary",
+                                label="Upload Document"
+                            )
                 
                 # Analyze button
                 analyze_btn = gr.Button("Analyze Text", elem_id="analyze-btn")