Update app.py

app.py

@@ -62,21 +62,23 @@ def process_document(image):
 
 description = '<p>Using Donut model finetuned on Invoices for retrieval of following information:</p><ul><li><span style="color:black">DocType</span></span></li><li><span style="color:black">Currency</span></span></li><li><span style="color:black">DocumentDate</span></span></li><li><span style="color:black">GrossAmount</span></span></li><li><span style="color:black">InvoiceNumber</span></span></li><li><span style="color:black">NetAmount</span></span></li><li><span style="color:black">TaxAmount</span></span></li><li><span style="color:black">OrderNumber</span></span></li><li><span style="color:black">CreditorCountry</span></span></li></ul><p>To use it, simply upload your image and click &#39;submit&#39;, or click one of the examples to load them. Read more at the links below.</p><p>&nbsp;</p><p>(because this is running on the free cpu tier, it will take about 40 secs before you see a result)</p><p>Have fun&nbsp;😎</p><p>Toon Beerten</p>'
 article = "<p style='text-align: center'><a href='https://arxiv.org/abs/2111.15664' target='_blank'>Donut: OCR-free Document Understanding Transformer</a> | <a href='https://github.com/clovaai/donut' target='_blank'>Github Repo</a></p>"
-
+title = "Demo: Donut 🍩 for invoice header retrieval"
 
 
 #demo = gr.Interface(fn=process_document,inputs=gr_image,outputs="json",title="Demo: Donut 🍩 for invoice header retrieval", description=description,
 #    article=article,enable_queue=True, examples=[["example.jpg"], ["example_2.jpg"], ["example_3.jpg"]], cache_examples=False)
 
 with gr.Blocks() as demo:
+    gr.Markdown(title)
     gr.Markdown(description)
-    btn = gr.Button("Run")
+    
+    gr.Examples([["example.jpg"], ["example_2.jpg"], ["example_3.jpg"]], inputs=[inp])
     with gr.Row():
+        with gr.Column(scale=3):
+            inp = gr.Image(label='Upload invoice here:').style(full_width=True,height=800)
         with gr.Column():
-            inp = gr.Image().style(height=800)
-        with gr.Column():
-            out = gr.JSON()
-    gr.Examples([["example.jpg"], ["example_2.jpg"], ["example_3.jpg"]], inputs=[inp])
+            out = gr.JSON(label='Extracted information:')
+            btn = gr.Button("Extract")
     btn.click(fn=process_document, inputs=inp, outputs=out)
 
 demo.launch()