Update app.py

app.py

@@ -780,11 +780,11 @@ def create_interface():
         color: white !important;
     }
     
-    /* Make upload button container match radio button container size */
+    /* Make upload button container match radio button container size but taller */
     .file-upload-container {
         margin-left: 15px;
         width: 150px;
-        height: 40px;
+        height: 46px; /* Increased from 40px to 46px for better alignment */
         display: inline-block;
         vertical-align: middle;
         position: relative;
@@ -796,7 +796,9 @@ def create_interface():
     .file-upload-container p,
     .file-upload-container svg,
     .file-upload-container [data-testid="chunkFileDropArea"],
-    .file-upload-container [data-testid="droparea"] {
+    .file-upload-container [data-testid="droparea"],
+    .file-upload-container div[data-testid="block"] > div[data-testid="droparea"],
+    .file-upload-container .upload-button {
         display: none !important;
     }
     
@@ -806,7 +808,7 @@ def create_interface():
         top: 0 !important;
         left: 0 !important;
         width: 100% !important;
-        height: 40px !important;
+        height: 46px !important; /* Increased from 40px to 46px */
         padding: 0 15px !important;
         background-color: #f0f0f0 !important;
         border: 1px solid #d9d9d9 !important;
@@ -815,6 +817,7 @@ def create_interface():
         align-items: center !important;
         justify-content: center !important;
         margin: 0 !important;
+        z-index: 10 !important; /* Ensure this is on top */
     }
     
     /* Style the button text */
@@ -830,14 +833,21 @@ def create_interface():
         background-color: #e0e0e0 !important;
     }
     
+    /* This is critical - hide any other elements that might be causing the overlap */
+    .file-upload-container > div:not(:last-child) {
+        display: none !important;
+    }
+    
     /* Hide any additional elements that might appear */
     .file-upload-container * {
         margin: 0 !important;
     }
     
-    /* Hide the file selection area */
-    .file-upload-container div[data-testid="block"] > div[data-testid="droparea"] {
-        display: none !important;
+    /* Explicitly make sure the Upload Document text is visible and centered */
+    .file-upload-container label {
+        display: block !important;
+        text-align: center !important;
+        width: 100% !important;
     }
     """