Update app.py

app.py

@@ -224,13 +224,38 @@ examples = [
     ["flower-night.jpg"]
 ]
 
-with gr.Blocks() as demo:
-    gr.Markdown("# InsectSAM: Detect and Segment Insects in Images - ARISE, DIOPSIS🐞")
+css = """
+#title {
+    text-align: center;
+    font-size: 2em;
+    margin-bottom: 20px;
+}
+#submit-button {
+    background-color: orange !important;
+    border: none !important;
+    color: white !important;
+    font-size: 1em;
+    padding: 10px 20px;
+}
+.checkbox-group {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-bottom: 20px;
+}
+.checkbox-group .gr-checkbox {
+    width: auto;
+}
+"""
+
+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")
-        include_json = gr.Checkbox(label="Include JSON", value=False)
-        include_bboxes = gr.Checkbox(label="Include Bounding Boxes", value=False)
-        submit_button = gr.Button("Submit")
+        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)
+        submit_button = gr.Button("Submit", elem_id="submit-button")
 
     annotated_output = gr.Image(type="numpy")
     json_output = gr.Textbox()
@@ -255,4 +280,4 @@ with gr.Blocks() as demo:
 
     gr.Examples(examples=examples, inputs=image_input)
 
-demo.launch()
+demo.launch()