Fix mobile: responsive cards, rear camera, scroll

app.py

@@ -280,14 +280,32 @@ CUSTOM_CSS = """
 @keyframes medvision-spin {
     to { transform: rotate(360deg); }
 }
+/* Responsive expected results cards */
+.expected-results .card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    gap: 8px;
+    margin: 8px 0;
+}
+.expected-results .card {
+    background: var(--block-background-fill);
+    border: 1px solid var(--block-border-color);
+    border-radius: 8px;
+    padding: 10px;
+    font-size: 0.85em;
+}
+.expected-results .card strong {
+    display: block;
+    margin-bottom: 4px;
+}
 """
 
 SCROLL_JS = """
 <script>
+// Scroll to top when an example is clicked
 document.addEventListener('click', function(e) {
-    const row = e.target.closest('.gallery-item, tr[class*="example"], .examples .group');
-    if (row || (e.target.closest('.examples') && e.target.tagName === 'IMG')) {
-        setTimeout(function() { window.scrollTo({top: 0, behavior: 'smooth'}); }, 300);
+    if (e.target.closest('.gallery, .examples')) {
+        setTimeout(function() { window.scrollTo({top: 0, behavior: 'smooth'}); }, 500);
     }
 });
 </script>
@@ -309,8 +327,10 @@ with demo:
                 type="pil",
                 label="Upload Chest X-ray",
                 sources=["upload", "webcam"],
-                mirror_webcam=False,
-                webcam_options=gr.WebcamOptions(constraints={"facingMode": "environment"}),
+                webcam_options=gr.WebcamOptions(
+                    mirror=False,
+                    constraints={"facingMode": "environment"},
+                ),
             )
             language_input = gr.Dropdown(
                 choices=list(LANGUAGES.keys()),
@@ -334,15 +354,18 @@ with demo:
         outputs=[raw_output, findings_output, protocol_output, translated_output],
     )
 
-    gr.Markdown("""### Example chest X-rays — Expected results (CheXpert test set, radiologist-verified)
-
-| # | Case | Pneumonia | Consolidation | Cardiomegaly | Effusion | Edema |
-|---|------|-----------|---------------|--------------|----------|-------|
-| 1 | Normal | — | — | — | — | — |
-| 2 | Cardiomegaly | — | — | DETECTED | — | — |
-| 3 | Effusion | — | — | — | DETECTED | — |
-| 4 | Edema | — | — | — | — | DETECTED |
-| 5 | Multiple | DETECTED | DETECTED | — | DETECTED | — |
+    gr.HTML("""
+<div class="expected-results">
+<h3>Example chest X-rays — Expected results</h3>
+<p style="font-size:0.85em;color:var(--body-text-color-subdued);">CheXpert test set, radiologist-verified</p>
+<div class="card-grid">
+  <div class="card"><strong>1. Normal</strong>All clear — no pathology detected</div>
+  <div class="card"><strong>2. Cardiomegaly</strong>Cardiomegaly: DETECTED</div>
+  <div class="card"><strong>3. Effusion</strong>Effusion: DETECTED</div>
+  <div class="card"><strong>4. Edema</strong>Edema: DETECTED</div>
+  <div class="card"><strong>5. Multiple</strong>Pneumonia: DETECTED<br>Consolidation: DETECTED<br>Effusion: DETECTED</div>
+</div>
+</div>
 """)
 
     gr.Examples(