More attempts to improve the display in mobile UIs

app.py

@@ -167,13 +167,31 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="green")) as demo:
             }
             .model-message {
                 text-align: start;
+                font-size: 10px !important;
             }
             .model-dropdown-container {
                 flex-direction: column;
                 align-items: flex-start;
             }
             .chatbot {
-                max-height: 900px;
+                max-height: 850px;
+            }
+        }
+
+        @media (max-width: 400px) {
+            .responsive-row {
+                flex-direction: column;
+            }
+            .model-message {
+                text-align: start;
+                font-size: 10px !important;
+            }
+            .model-dropdown-container {
+                flex-direction: column;
+                align-items: flex-start;
+            }
+            .chatbot {
+                max-height: 400px;
             }
         }
     """)