Update app.py

app.py

@@ -227,7 +227,7 @@ examples = [
 css = """
 #title {
     text-align: center;
-    font-size: 2em;
+    font-size: 6em;
     margin-bottom: 20px;
 }
 #submit-button {
@@ -236,6 +236,7 @@ css = """
     color: white !important;
     font-size: 1em;
     padding: 10px 20px;
+    cursor: pointer;
 }
 .checkbox-group {
     display: flex;
@@ -252,9 +253,9 @@ with gr.Blocks(css=css) as demo:
     gr.Markdown("<div id='title'>InsectSAM 🐞 Detect and Segment Insects in Images - ARISE, DIOPSIS</div>")
     with gr.Row():
         image_input = gr.Image(type="pil")
-        with gr.Column(elem_id="checkbox-group"):
-            include_json = gr.Checkbox(label="Include JSON", value=False)
-            include_bboxes = gr.Checkbox(label="Include Bounding Boxes", value=False)
+        with gr.Column():
+            include_json = gr.Checkbox(label="Include JSON", value=False, elem_id="checkbox-group")
+            include_bboxes = gr.Checkbox(label="Include Bounding Boxes", value=False, elem_id="checkbox-group")
         submit_button = gr.Button("Submit", elem_id="submit-button")
 
     annotated_output = gr.Image(type="numpy")
@@ -278,6 +279,6 @@ with gr.Blocks(css=css) as demo:
 
     submit_button.click(update_outputs, [image_input, include_json, include_bboxes], [annotated_output, json_output, crops_output])
 
-    gr.Examples(examples=examples, inputs=image_input)
+    gr.Examples(examples=examples, inputs=[image_input, include_json, include_bboxes])
 
 demo.launch()