Attempt at row layout

app.py

@@ -19,20 +19,25 @@ def compute_flip_diff(a: np.array, b: np.array) -> (np.array, float):
 before = gr.Image(label="Before")
 after = gr.Image(label="After")
 diff = gr.Image(label="Difference")
-mean = gr.Textbox(label="Mean difference")
+meanbox = gr.Textbox(label="Mean difference")
+
+# interaction
+button = gr.Button("Compute difference")
 
 examples = [
     ["examples/Office_ShadowAcne/reference.png",
     "examples/Office_ShadowAcne/test.png"]
             ]
 
-demo = gr.Interface(
-    fn=compute_flip_diff,
-    inputs=[before, after],
-    outputs=[diff, mean],
-    examples=examples
-)
-
+with gr.Blocks() as demo:
+    gr.Markdown("Compute difference using NVIDIA's [FLIP](https://github.com/NVlabs/flip/)")
+    gr.Examples(examples, [before, after])
+    gr.Row(before, after, diff)
+    meanbox.render()
+    button.click(compute_flip_diff,
+                 inputs=[before, after],
+                 outputs=[diff, meanbox]
+                )
 
 if __name__ == "__main__":
     demo.launch()