Changing layout

app.py

@@ -40,16 +40,17 @@ examples = [["data/receipt_00000.JPG", 7.7],
 
 with gr.Blocks() as demo:
     gr.Markdown(f"# {title}\n{description}")
-    image = gr.Image(width=320, height=320, label="Input Receipt")
-    width_ths = gr.Slider(0, 10, 7.7, 0.1, label="Width Threshold to merge bounding boxes")
+    with gr.Row():
+        image = gr.Image(width=320, height=320, label="Input Receipt")
+        ocr_out = gr.Textbox(label="OCR Output", type="text")
 
-    ocr_out = gr.Textbox(label="OCR Output", type="text")
+    width_ths = gr.Slider(0, 10, 7.7, 0.1, label="Width Threshold to merge bounding boxes")
 
     submit_btn = gr.Button("Submit")
     clear_btn = gr.ClearButton()
 
     submit_btn.click(inference, inputs=[image, width_ths], outputs=ocr_out)
-    clear_btn.click(lambda: [None, 7.7], outputs=ocr_out)
+    clear_btn.click(lambda: [None, 7.7], inputs=[image, width_ths])
 
     examples_obj = gr.Examples(examples=examples, inputs=[image, width_ths])