Update app.py

app.py

@@ -77,8 +77,19 @@ 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: Use CSS to target and fix the specific visual issues ---
 custom_css = """
-#param-slider-wrapper .tab-like-container { display: none !important; }
+/* Target the specific gr.Group containing the slider and remove its background/border */
+.gradio-group:has(#param-slider-wrapper) {
+    border: none !important;
+    background: none !important;
+    box-shadow: none !important;
+    padding: 0 !important; /* Also remove padding to align with other elements */
+}
+/* Target the min/max number labels within the RangeSlider component and hide them */
+#param-slider-wrapper div[data-testid="range-slider"] > span {
+    display: none !important;
+}
 """
 
 with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css) as demo:
@@ -91,14 +102,14 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css
     with gr.Row():
         with gr.Column(scale=1):
             
-            # --- FINAL FIX: Each logical section is now in its own Group for consistent styling ---
-            with gr.Group():
-                count_by_dropdown = gr.Dropdown(label="Metric", choices=[("Downloads (last 30 days)", "downloads"), ("Downloads (All Time)", "downloadsAllTime"), ("Likes", "likes")], value="downloads")
-                filter_choice_radio = gr.Radio(label="Filter Type", choices=["None", "Tag Filter", "Pipeline Filter"], value="None")
+            # This section remains un-grouped for a consistent flat look
+            count_by_dropdown = gr.Dropdown(label="Metric", choices=[("Downloads (last 30 days)", "downloads"), ("Downloads (All Time)", "downloadsAllTime"), ("Likes", "likes")], value="downloads")
+            filter_choice_radio = gr.Radio(label="Filter Type", choices=["None", "Tag Filter", "Pipeline Filter"], value="None")
             
             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)
             
+            # This group's styling will be removed by the custom CSS
             with gr.Group():
                 gr.Markdown("<div style='font-weight: 500;'>Model Parameters</div>")
                 param_range_slider = RangeSlider(
@@ -108,14 +119,13 @@ with gr.Blocks(title="🤗 ModelVerse Explorer", fill_width=True, css=custom_css
                     step=1,
                     label=None,
                     show_label=False,
-                    container=False, # This is crucial to let the parent Group control the style
                     elem_id="param-slider-wrapper"
                 )
                 param_range_display = gr.Markdown(f"Range: `{PARAM_CHOICES[0]}` to `{PARAM_CHOICES[-1]}`")
-
-            with gr.Group():
-                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")
+            
+            # This section remains un-grouped
+            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")
             
             generate_plot_button = gr.Button(value="Generate Plot", variant="primary", interactive=False)