accordian made conspicuous

app.py

@@ -256,38 +256,49 @@ def create_graph(n_clicks, user_prompt, stored_data, filename):
         python_code = code_block_match.group(1).strip() if code_block_match else "No code found"
         
         # Create accordion with the generated code
-        code_accordion = dmc.Accordion(
-            children=[
-                dmc.AccordionItem(
-                    [
-                        dmc.AccordionControl("Code Generated"),
-                        dmc.AccordionPanel(
-                            html.Pre(
-                                html.Code(
-                                    python_code,
-                                    style={
-                                        "fontSize": "13px",
-                                        "lineHeight": "1.6",
-                                        "fontFamily": "'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",
-                                        "backgroundColor": "#f6f8fa",
-                                        "padding": "16px",
-                                        "borderRadius": "6px",
-                                        "display": "block",
-                                        "overflowX": "auto",
-                                        "color": "#24292f"
-                                    }
-                                ),
-                                style={"margin": "0"}
+        code_accordion = html.Div([
+            dmc.Accordion(
+                children=[
+                    dmc.AccordionItem(
+                        [
+                            dmc.AccordionControl(
+                                html.Div([
+                                    html.Span("Code Generated", style={"fontWeight": "600", "fontSize": "15px"}),
+                                    html.Span(" (Click to expand)", style={"fontSize": "13px", "color": "#667085", "marginLeft": "8px"})
+                                ])
+                            ),
+                            dmc.AccordionPanel(
+                                html.Pre(
+                                    html.Code(
+                                        python_code,
+                                        style={
+                                            "fontSize": "13px",
+                                            "lineHeight": "1.6",
+                                            "fontFamily": "'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace",
+                                            "backgroundColor": "#f6f8fa",
+                                            "padding": "16px",
+                                            "borderRadius": "6px",
+                                            "display": "block",
+                                            "overflowX": "auto",
+                                            "color": "#24292f"
+                                        }
+                                    ),
+                                    style={"margin": "0"}
+                                )
                             )
-                        )
-                    ],
-                    value="code"
-                )
-            ],
-            chevronPosition="right",
-            variant="separated",
-            style={"marginTop": "10px"}
-        )
+                        ],
+                        value="code"
+                    )
+                ],
+                chevronPosition="right",
+                variant="filled",
+                style={
+                    "border": "2px solid #E4E7EC",
+                    "borderRadius": "8px",
+                    "boxShadow": "0 1px 3px rgba(0, 0, 0, 0.1)"
+                }
+            )
+        ])
         
         return graph, code_accordion, {"display": "block", "textAlign": "right", "marginTop": "20px"}, html_buffer, True