Layout changes

app.py

@@ -41,13 +41,14 @@ examples = [["data/receipt_00000.JPG", 7.7],
 with gr.Blocks() as demo:
     gr.Markdown(f"# {title}\n{description}")
     with gr.Row():
-        image = gr.Image(width=320, height=320, label="Input Receipt")
-        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()
+        with gr.Column():
+            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():
+                submit_btn = gr.Button("Submit")
+                clear_btn = gr.ClearButton()
+        with gr.Column():
+            ocr_out = gr.Textbox(label="OCR Output", type="text")
 
     submit_btn.click(inference, inputs=[image, width_ths], outputs=ocr_out)
     clear_btn.click(lambda: [None, 7.7], inputs=[image, width_ths])