Tighten mobile responsive CSS

app.py

@@ -125,6 +125,11 @@ CUSTOM_CSS = """
 :root {
   --ea-max-width: 1280px;
 }
+html,
+body,
+gradio-app {
+  overflow-x: hidden !important;
+}
 .gradio-container {
   max-width: var(--ea-max-width) !important;
   margin: 0 auto !important;
@@ -166,10 +171,18 @@ CUSTOM_CSS = """
   letter-spacing: 0;
 }
 .edit-type-selector .wrap {
+  display: flex !important;
   gap: 0.45rem;
-  flex-wrap: wrap;
+  flex-wrap: wrap !important;
+}
+.edit-type-selector [role="radiogroup"] {
+  display: flex !important;
+  flex-wrap: wrap !important;
+  gap: 0.45rem !important;
 }
 .edit-type-selector label {
+  flex: 1 1 120px;
+  min-width: 0;
   border-radius: 8px !important;
   border: 1px solid #cbd5e1 !important;
   padding: 0.5rem 0.72rem !important;
@@ -191,7 +204,7 @@ CUSTOM_CSS = """
 footer {
   display: none !important;
 }
-@media (max-width: 900px) {
+@media (max-width: 1000px) {
   .gradio-container {
     padding-top: 52px !important;
     padding-left: 14px !important;