Compact download box; how-to pictures at reading width

app.py

@@ -498,7 +498,9 @@ CSS = """
 .lf-point { flex-wrap: nowrap !important; }
 .lf-credit { text-align:center; font-size:13px; color: var(--body-text-color-subdued); padding:18px 0 6px; }
 .lf-credit a { color: var(--lf-accent) !important; padding:0 !important; margin:0 !important; }
-.lf-howto img { border-radius:10px; border:1px solid var(--border-color-primary); max-width:100%; }
+.lf-howto img { border-radius:10px; border:1px solid var(--border-color-primary); max-width:min(100%, 760px); display:block; margin:8px 0; }
+#lf-dl .empty { min-height: 64px !important; height: 64px !important; }
+#lf-dl .empty .icon { height: 28px; }
 .lf-howto { max-width: 920px; }
 .lf-howto h3 { scroll-margin-top: 16px; margin-top: 1.6em !important; }
 .lf-howto em { color: var(--body-text-color-subdued); font-size: 13.5px; }
@@ -635,7 +637,8 @@ def build_demo():
                         summary = gr.Markdown("Above: what a result looks like (the first example point). Your "
                                               "field replaces it. The first run after the Space wakes up also loads "
                                               "the model (about a minute).")
-                        dl = gr.File(label="Download: villa output folder, field.npz, receipt.json", height=88)
+                        dl = gr.File(label="Download: villa output folder, field.npz, receipt.json", height=88,
+                                     elem_id="lf-dl")
                         with gr.Accordion("Receipt", open=False):
                             receipt = gr.JSON()
                         with gr.Accordion("About the model", open=False):