Update app.py

app.py

@@ -1,4 +1,4 @@
-# --- START OF FINAL, CORRECTED FILE app.py ---
+# --- START OF FINAL, POLISHED FILE app.py ---
 
 import gradio as gr
 import pandas as pd
@@ -77,12 +77,8 @@ def create_treemap(treemap_data, count_by, title=None):
     fig.update_traces(textinfo="label+value+percent root", hovertemplate="<b>%{label}</b><br>%{value:,} " + count_by + "<br>%{percentRoot:.2%} of total<extra></extra>")
     return fig
 
-# --- FINAL FIX: This CSS now correctly targets the container you identified ---
 custom_css = """
-/* Target the element with the ID we assigned */
-#param-slider-wrapper .tab-like-container {
-    display: none !important;
-}
+#param-slider-wrapper .tab-like-container { display: none !important; }
 """
 
 with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css) as demo:
@@ -99,17 +95,21 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css
             tag_filter_dropdown = gr.Dropdown(label="Select Tag", choices=TAG_FILTER_CHOICES, value=None, visible=False)
             pipeline_filter_dropdown = gr.Dropdown(label="Select Pipeline Tag", choices=PIPELINE_TAGS, value=None, visible=False)
             
-            # The elem_id is used by our custom CSS to target *only* this slider
-            param_range_slider = RangeSlider(
-                minimum=0,
-                maximum=len(PARAM_CHOICES) - 1,
-                value=PARAM_CHOICES_DEFAULT_INDICES,
-                step=1,
-                label="Parameters",
-                container=False,
-                elem_id="param-slider-wrapper"
-            )
-            param_range_display = gr.Markdown(f"Range: `{PARAM_CHOICES[0]}` to `{PARAM_CHOICES[-1]}`")
+            # --- FIX 2: Wrapped the slider and its labels in a Group for consistent styling ---
+            with gr.Group():
+                # --- FIX 1: Added a manual label for the slider ---
+                gr.Markdown("<div style='font-weight: 500;'>Model Parameters</div>")
+                param_range_slider = RangeSlider(
+                    minimum=0,
+                    maximum=len(PARAM_CHOICES) - 1,
+                    value=PARAM_CHOICES_DEFAULT_INDICES,
+                    step=1,
+                    label=None, # Label is now handled by the Markdown above
+                    show_label=False,
+                    container=False,
+                    elem_id="param-slider-wrapper"
+                )
+                param_range_display = gr.Markdown(f"Range: `{PARAM_CHOICES[0]}` to `{PARAM_CHOICES[-1]}`")
 
             top_k_dropdown = gr.Dropdown(label="Number of Top Organizations", choices=TOP_K_CHOICES, value=25)
             skip_orgs_textbox = gr.Textbox(label="Organizations to Skip (comma-separated)", value="TheBloke,MaziyarPanahi,unsloth,modularai,Gensyn,bartowski")