Updates

Author: bendera

src/components/Controls/Controls.astro

@@ -12,18 +12,6 @@ const { target } = Astro.props;
 </fieldset>
 
 <style>
-  /* .controls {
-    margin-top: 45px;
-    padding: 0;
-    position: relative;
-  }
-
-  legend {
-    font-weight: bold;
-    position: absolute;
-    top: -25px;
-  } */
-
   .controls {
     border: 0;
     font-size: var(--sl-text-sm);

src/content/docs/components/tree.mdx

@@ -20,10 +20,11 @@ import DecorationsExample from "@components/examples/tree/DecorationsExample.ast
 
 <Imports />
 <PageSwitcher />
-<IconsInfo />
 
 ## Basic example
 
+Tree component with the default settings.
+
 <Demo>
   <BasicExample />
   <Controls target="#tree-basic-example" slot="after-demo">
@@ -105,6 +106,8 @@ The visibility of each icon depends on the state of the corresponding tree item.
 
 ### Codicons example
 
+<IconsInfo />
+
 <Demo>
   <IconsExample />
   <Fragment slot="html">
@@ -212,7 +215,7 @@ Icons from installed file icon themes are **not accessible** inside a webview, a
   </Fragment>
 </Demo>
 
-## Flat list
+## Flat tree example
 
 The Tree component can also be used to display lists.