mobile responsive fix

app.py

@@ -30,6 +30,10 @@ async def call_my_api(message, history, image=None):
         image_obj = message["files"][0] if message["files"] else None
     else:
         image_obj = image
+
+    if isinstance(image_obj, str):
+        image_obj = Image.open(image_obj)
+
     image_base64 = encode_image_to_base64(image_obj) if image_obj else None
 
     payload = {
@@ -119,11 +123,6 @@ with gr.Blocks(
                                 "assets/brain.svg"]
             )
 
-    gr.Markdown(
-        "Ask me anything about a medical condition.<br><br>You can also upload an medical image to get more information.",
-        elem_id="main-instructions"
-    )
-
     gr.Markdown(
         """
         <div class='disclaimer-box'>
@@ -131,7 +130,7 @@ with gr.Blocks(
                 <strong>Medical Disclaimer:</strong> This AI assistant is designed for educational and informational purposes only. 
                 It does not constitute medical advice, diagnosis, or treatment. Always consult with qualified healthcare professionals 
                 for medical decisions. This tool aims to promote health literacy and empower individuals to better understand their 
-                health, but should not replace professional medical consultation.
+                health, but should not replace professional medical consultation. See below link for more on the technical details.
             </p>
         </div>
         """,

assets/custom.css

@@ -128,4 +128,13 @@ body.light .disclaimer-box {
 body.light #docs-demo {
     background: rgba(248,249,250,0.95);
     color: #23262f;
+}
+
+@media (max-width: 600px) {
+  .nav-holder {
+    margin-bottom: 24px;
+  }
+  main.app {
+    padding-top: 24px;
+  }
 }