website: example styling tweaks

johnwalley · Dec 27, 2023 · d5006ae · d5006ae
1 parent 21f8365
commit d5006ae
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/website/src/components/editor-group-container.module.css b/website/src/components/editor-group-container.module.css
@@ -36,6 +36,7 @@
 .iconLabel {
   display: flex;
   line-height: 35px;
+  padding-left: 10px;
 }
 
 .iconLabel::before {

diff --git a/website/src/components/pane.module.css b/website/src/components/pane.module.css
@@ -18,6 +18,10 @@
   box-sizing: border-box;
 }
 
+.twistyContainer {
+  margin: 0 2px;
+}
+
 h3.title {
   white-space: nowrap;
   text-overflow: ellipsis;

diff --git a/website/src/components/pane.tsx b/website/src/components/pane.tsx
@@ -16,8 +16,9 @@ export const Pane = ({ children, expanded, title }: PaneProps) => {
       <div className={styles.paneHeader}>
         <div
           className={classNames(
+            styles.twistyContainer,
             "codicon",
-            expanded ? "codicon-chevron-down" : "codicon-chevron-up"
+            expanded ? "codicon-chevron-down" : "codicon-chevron-up",
           )}
         ></div>
         <h3 className={styles.title}>{title}</h3>