layout change

app.py

@@ -73,19 +73,19 @@ def change_order(choice):
 
 def change_button(choice):
     if choice == "simple":
-        return gr.Button("Detect").click(
+        return gr.update("Detect").click(
             canny_edge_detector, inputs=image_input, outputs=image_output
         )
     elif choice == "sobel":
-        return gr.Button("Detect").click(
+        return gr.update("Detect").click(
             sobel_edge_detector, inputs=image_input, outputs=image_output
         )
     elif choice == "laplacian":
-        return gr.Button("Detect").click(
+        return gr.update("Detect").click(
             laplacian_edge_detector, inputs=image_input, outputs=image_output
         )
     else:
-        return gr.Button("Detect").click(
+        return gr.update("Detect").click(
             simple_edge_detector, inputs=image_input, outputs=image_output
         )
 
@@ -96,8 +96,9 @@ with gr.Blocks() as demo:
         image_output = gr.Image()
         radio = gr.Radio(
             ["canny", "simple", "sobel", "laplacian"],
-            label="Essay Length to Write?",
+            label="Type of Edge Detector",
         )
+    with gr.Row():
         kernel = gr.Slider(
             minimum=1,
             maximum=6,
@@ -119,6 +120,7 @@ with gr.Blocks() as demo:
         radio.change(fn=change_kernel, inputs=radio, outputs=kernel)
         radio.change(fn=change_order, inputs=radio, outputs=order)
         radio.change(fn=change_button, inputs=radio, outputs=Button)
+    gr.Examples(examples)
 
 
 demo.launch()