update layout

app.py

@@ -149,7 +149,7 @@ with gr.Blocks(
     theme=gr.themes.Soft(
         primary_hue=gr.themes.colors.sky,
         secondary_hue=gr.themes.colors.green,
-        spacing_size=gr.themes.sizes.spacing_sm,
+        # spacing_size=gr.themes.sizes.spacing_sm,
         text_size=gr.themes.sizes.text_sm,
         font=[
             gr.themes.GoogleFont("Open Sans"),
@@ -173,37 +173,35 @@ with gr.Blocks(
         """
     )
 
-    with gr.Row():
-        with gr.Column():
-            set_selector = gr.Dropdown(
-                choices=list(CAT_NAME_TO_EXPLANATION.keys()),
-                label="Select Category",
-                value="Overall",
-                info="Select the category to visualize",
-            )
-            toggle_annotations = gr.Radio(
-                choices=[True, False],
-                label="Overlay Best Model Name",
-                value=True,
-                info="Toggle to overlay the name of the best model per month per license",
-            )
-        with gr.Column():
-            min_score = gr.Slider(
-                minimum=min_elo_score,
-                maximum=max_elo_score,
-                value=(max_elo_score - min_elo_score) * 0.3 + min_elo_score,
-                step=50,
-                label="Minimum ELO Score",
-                info="Filter out low scoring models",
-            )
-            max_models_per_month = gr.Slider(
-                value=upper_models_per_month - 2,
-                minimum=1,
-                maximum=upper_models_per_month,
-                step=1,
-                label="Max Models per Month (per License)",
-                info="Limit to N best models per month per license to reduce clutter",
-            )
+    with gr.Row(variant="compact"):
+        set_selector = gr.Dropdown(
+            choices=list(CAT_NAME_TO_EXPLANATION.keys()),
+            label="Select Category",
+            value="Overall",
+            info="Select the category to visualize",
+        )
+        min_score = gr.Slider(
+            minimum=min_elo_score,
+            maximum=max_elo_score,
+            value=(max_elo_score - min_elo_score) * 0.3 + min_elo_score,
+            step=50,
+            label="Minimum ELO Score",
+            info="Filter out low scoring models",
+        )
+        max_models_per_month = gr.Slider(
+            value=upper_models_per_month - 2,
+            minimum=1,
+            maximum=upper_models_per_month,
+            step=1,
+            label="Max Models per Month (per License)",
+            info="Limit to N best models per month per license to reduce clutter",
+        )
+        toggle_annotations = gr.Radio(
+            choices=[True, False],
+            label="Overlay Best Model Name",
+            value=True,
+            info="Toggle to overlay the name of the best model per month per license",
+        )
 
     # Show plot
     plot = gr.Plot()