submission button and checkbox to radio

config/leaderboard.py

@@ -18,7 +18,7 @@ METADATA_COLUMN_NAMES = [
     "Zero-shot (y/n)",
     "N-shot", # only if few-shot is yes
     "Few-shot (y/n)",
-    "ΔAUC-PR",
+    "Avg. ΔAUC-PR",
     "Organization",
     "Publication Link",
     "Pretraining Data", # only if Pretrained (y/n) is yes
@@ -39,7 +39,7 @@ METADATA_COLUMN_WIDTHS = {
     "Zero-shot (y/n)": 140,
     "N-shot": 140,
     "Few-shot (y/n)": 140,
-    "ΔAUC-PR": 130,
+    "Avg. ΔAUC-PR": 130,
     "Organization": 200,
     "Pretraining Data": 100,
     "Publication Link": 400

frontend/content.py

@@ -34,6 +34,7 @@ class LeaderboardContent:
         return """
         <div class="info-section">
                 <div><strong>Avg. AUC</strong>: Mean ROC-AUC across all 12 tasks</div>
+                <div><strong>Avg. ΔAUC-PR</strong>: Mean ΔAUC-PR across all 12 tasks</div>
                 <div><strong>Rank</strong>: based on Avg. AUC</div>
         </div>
         """

frontend/layout.py

@@ -235,31 +235,37 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                         elem_classes=["form-container"]
                     )
 
-                pretrained = gr.Checkbox(
-                    label=SubmissionContent.form_labels["pretrained"],
+                gr.HTML(f"<div>{SubmissionContent.form_labels['pretrained']}</div>", container=False, elem_classes=["field-label"])
+                pretrained = gr.Radio(
+                    choices=["Yes", "No"],
+                    value="No",
                     container=False,
-                    elem_classes=["form-container-checkbox"]
+                    elem_classes=["form-container-radio"]
                 )
 
                 pretraining_label = gr.HTML(f"<div>{SubmissionContent.form_labels['pretraining_data']}</div>", container=False, 
-                                            elem_classes=["field-label"], visible="hidden")
+                                            elem_classes=["field-label"], visible=False)
                 pretraining_data = gr.Textbox(
                     label=SubmissionContent.form_labels["pretraining_data"],
                     placeholder=SubmissionContent.form_placeholders[
                         "pretraining_data"
                     ],
-                    visible="hidden",
+                    visible=False,
                     container=False,
                     max_lines=1,
                     elem_classes=["form-container"]
                 )
 
                 # When checkbox changes, update visibility
+                def toggle_pretrain_fields(choice):
+                    show = (choice == "Yes")
+                    return [
+                        gr.update(visible=show),
+                        gr.update(visible=show)
+                    ]
+
                 pretrained.change(
-                    fn=lambda checked: [
-                        gr.update(visible=checked),
-                        gr.update(visible=checked),
-                    ],
+                    fn=toggle_pretrain_fields,
                     inputs=pretrained,
                     outputs=[pretraining_label, pretraining_data],
                 )
@@ -294,37 +300,45 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
                     elem_classes=["form-container"]
                 )
 
-                zero_shot = gr.Checkbox(
-                        label=SubmissionContent.form_labels["zero_shot"],
+                gr.HTML(f"<div>{SubmissionContent.form_labels['zero_shot']}</div>", container=False, elem_classes=["field-label"])
+                zero_shot = gr.Radio(
+                        choices=["Yes", "No"],
+                        value="No",
                         container=False,
-                        elem_classes=["form-container-checkbox"]
+                        elem_classes=["form-container-radio"]
                     )
                 
-
-                few_shot = gr.Checkbox(
-                    label=SubmissionContent.form_labels["few_shot"],
+                gr.HTML(f"<div>{SubmissionContent.form_labels['few_shot']}</div>", container=False, elem_classes=["field-label"])
+                few_shot = gr.Radio(
+                    choices=["Yes", "No"],
+                    value="No",
                     container=False,
-                    elem_classes=["form-container-checkbox"]
+                    elem_classes=["form-container-radio"]
                 )
 
                 n_shot_label = gr.HTML(f"<div>{SubmissionContent.form_labels['n_shot']}</div>", 
-                                       container=False, elem_classes=["field-label"], visible="hidden")
+                                       container=False, elem_classes=["field-label"], visible=False)
                 n_shot = gr.Textbox(
                     label=SubmissionContent.form_labels["n_shot"],
                     placeholder=SubmissionContent.form_placeholders[
                         "n_shot"
                     ],
-                    visible="hidden",
+                    visible=False,
                     container=False,
                     max_lines=1,
                     elem_classes=["form-container"]
                 )
 
+
+                def toggle_n_shot_fields(choice):
+                    show = (choice == "Yes")
+                    return [
+                        gr.update(visible=show),
+                        gr.update(visible=show)
+                    ]
+
                 few_shot.change(
-                    fn=lambda checked: [
-                        gr.update(visible=checked),
-                        gr.update(visible=checked),
-                    ],
+                    fn=toggle_n_shot_fields,
                     inputs=few_shot,
                     outputs=[n_shot_label, n_shot],
                 )
@@ -336,7 +350,7 @@ def create_submission_tab(submit_callback: Callable = None) -> gr.TabItem:
 
 
                 # Submit button and result
-                submit_btn = gr.Button("Submit", value="primary", interactive=False, elem_classes=["submit-button", "form-container-checkbox"])
+                submit_btn = gr.Button("Submit", value="primary", interactive=False, elem_classes=["submit-button"])
                 agree.change(lambda x: gr.update(interactive=x), inputs=agree, outputs=submit_btn)
                 result_msg = gr.HTML()
 

frontend/leaderboard.py

@@ -56,7 +56,7 @@ def format_leaderboard_data(raw_data: dict) -> pd.DataFrame:
             ("", "Model"): config["model_name"],
             ("", "Organization"): config.get("organization", ""),
             ("", "Avg. AUC"): results["overall_score"]["roc_auc"],
-            ("", "ΔAUC-PR"): results["overall_score"].get("delta_auprc"),
+            ("", "Avg. ΔAUC-PR"): results["overall_score"].get("delta_auprc"),
         }
         print(results["overall_score"])
 
@@ -82,15 +82,20 @@ def format_leaderboard_data(raw_data: dict) -> pd.DataFrame:
         #     "N-shot": config.get("n_shot", ""),
         # })
 
+        # store as boolean
+        pretrained = config.get("pretrained", "")=="Yes" 
+        zero_shot = config.get("zero_shot", "")=="Yes"
+        few_shot = config.get("few_shot", "")=="Yes"
+
         row.update({
             ("", "Model Description"): config["model_description"],
             ("", "Publication"): config.get("publication_title", ""),
             ("", "Publication Link"): config.get("publication_link", ""),
             ("", "# Parameters"): config.get("model_size", ""),
-            ("", "Pretrained (y/n)"): config.get("pretrained", ""),
+            ("", "Pretrained"): pretrained,
             ("", "Pretraining Data"): config.get("pretraining_data", ""),
-            ("", "Zero-shot (y/n)"): config.get("zero_shot", ""),
-            ("", "Few-shot (y/n)"): config.get("few_shot", ""),
+            ("", "Zero-shot"): zero_shot,
+            ("", "Few-shot"): few_shot,
             ("", "N-shot"): config.get("n_shot", ""),
         })
 

frontend/styles.css

@@ -49,6 +49,7 @@ body, .gradio-container {
 
 
 
+
 /* === Container === */
 .leaderboard-container {
   overflow: auto;
@@ -313,7 +314,7 @@ body, .gradio-container {
   align-items: center;
   gap: 8px;                       /* space between checkbox and text */
   padding: 8px 10px;
-  margin-top: 10px !important;
+  margin-top: 15px !important;
   margin-bottom: 5px !important;
   font-size: 14px !important;
   font-weight: 500;
@@ -337,6 +338,20 @@ body, .gradio-container {
   border-color: #d1d5db;
 }
 
+.form-container-radio {
+  display: flex;                  /* ✅ aligns checkbox + label nicely */
+  align-items: center;
+  gap: 8px;                       /* space between checkbox and text */
+  padding: 8px 10px;
+  margin-top: 5px !important;
+  margin-bottom: 5px !important;
+  font-size: 14px !important;
+  font-weight: 500;
+  width: 100%;
+  background: transparent !important;
+  border: none !important;
+}
+
 
 
 
@@ -346,55 +361,53 @@ body, .gradio-container {
 
 
 /* === Submit Button === */
-.submit-button {
-  display: inline-block !important;
-  background-color: #ACCBE1 !important;   /* indigo base */
+.submit-button:not(:disabled) {
+  background-color: #E67F0D !important;  
   color: #fff !important;
   border: none !important;
   border-radius: 8px !important;
-  padding: 12px 22px !important;
+  padding: 10px 50px !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   cursor: pointer !important;
-  transition: all 0.15s ease-in-out;
-  width:100%;
-  
-  /* Fix weird float / alignment */
+  width:fit-content;
   align-self: flex-start !important;      /* ✅ anchors left within flex parent */
   margin-top: 16px !important;            /* ✅ small top gap */
-  margin-bottom: 8px !important;
+  margin-left: 0 !important;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
 }
 
 /* === Hover state === */
 .submit-button:hover:not(:disabled) {
-  background-color: #ACCBE1 !important;   /* darker indigo */
+  background-color: #FE4E00 !important;   /* darker indigo */
   box-shadow: 0 4px 10px rgba(99, 102, 241, 0.35) !important;
   transform: translateY(-1px);
 }
 
 /* === Active (pressed) state === */
 .submit-button:active:not(:disabled) {
-  background-color: #CEE5F2 !important;
+  background-color: #FE4E00 !important;
   transform: scale(0.98);
   box-shadow: 0 2px 6px rgba(99, 102, 241, 0.25) !important;
 }
 
 /* === Disabled state === */
 .submit-button:disabled {
-  background-color: #CEE5F2 !important;  /* Light gray */
-  color: #9ca3af !important;             /* Muted gray text */
+  background-color: #9CA3AF !important;  /* Light gray */
+  color: #4B5563 !important;             /* Muted gray text */
   cursor: not-allowed !important;
   box-shadow: none !important;
   opacity: 0.75 !important;
   transform: none !important;
-}
-
-/* === Ensure Gradio doesn’t override the background === */
-#submission-tab .submit-button,
-.form-container .submit-button,
-.gr-button.submit-button {
-  background-color: #ACCBE1 !important;
+  padding: 10px 50px !important;
+  width:fit-content;
+  align-self: flex-start !important;
+  margin-left: 0 !important;
+  margin-top: 16px;
+  font-size: 15px !important;
+  font-weight: 600 !important;
+  border: none !important;
+  border-radius: 8px !important;
 }