Fix mobile file upload SVG icon size and radio button layout

app.py

@@ -1211,6 +1211,20 @@ custom_css = """
     min-width: 150px !important;
 }
 
+/* Global fix for file upload SVG icons - affects all screen sizes */
+button[aria-label*="pload"] svg,
+button[aria-label*="ile"] svg,
+.wrap svg,
+[data-testid="file"] svg,
+.upload-container svg {
+    width: 48px !important;
+    height: 48px !important;
+    max-width: 48px !important;
+    max-height: 48px !important;
+    min-width: 24px !important;
+    min-height: 24px !important;
+}
+
 /* Expandable plot styles */
 .expandable-plot {
     min-height: 400px !important;
@@ -1268,6 +1282,15 @@ custom_css = """
         flex: 1 1 100% !important;
     }
 
+    /* Force radio buttons to wrap on mobile */
+    [data-testid="radio-group"], .gr-radio-group, .radio-group {
+        flex-wrap: wrap !important;
+    }
+
+    [data-testid="radio-group"] > *, .gr-radio-group > * {
+        flex: 0 0 auto !important;
+    }
+
     /* Smaller task buttons on mobile */
     .task-btn {
         min-width: 100px !important;
@@ -1275,9 +1298,19 @@ custom_css = """
         font-size: 13px !important;
     }
 
+    /* CRITICAL: Fix Safari file upload icon size */
+    .file-upload svg, .upload-button svg, [data-testid="file"] svg,
+    .gr-file svg, button svg, .upload svg {
+        max-width: 48px !important;
+        max-height: 48px !important;
+        width: 48px !important;
+        height: 48px !important;
+    }
+
     /* Compact file upload areas */
     .file-upload, .upload-button, [data-testid="file"], .gr-file {
         min-height: 80px !important;
+        max-height: 120px !important;
         padding: 10px !important;
     }
 
@@ -1420,6 +1453,30 @@ custom_css = """
         width: 100% !important;
         min-width: unset !important;
     }
+
+    /* More aggressive SVG fix for Safari on small screens */
+    svg {
+        max-width: 40px !important;
+        max-height: 40px !important;
+    }
+
+    /* File upload button - limit the whole container */
+    [data-testid="block"] button[aria-label*="Upload"],
+    [data-testid="block"] button[aria-label*="upload"],
+    .upload-button, .file-upload button {
+        max-height: 100px !important;
+        overflow: hidden !important;
+    }
+
+    /* Force radio group to stack vertically */
+    [data-testid="radio-group"] {
+        flex-direction: column !important;
+        align-items: flex-start !important;
+    }
+
+    [data-testid="radio-group"] label {
+        margin-bottom: 4px !important;
+    }
 }
 """