increase all tree indent and fix tag panel #88

src/workspace/panel/base.scss

@@ -2,4 +2,9 @@
 .nav-buttons-container {
   justify-content: flex-start;
   padding-left: var(--size-4-1);
+}
+
+// increase tree indent
+body {
+  --nav-item-children-padding-left: var(--size-4-2);
 }

src/workspace/panel/file-explorer.scss

@@ -81,7 +81,6 @@ body.theme-dark.explorer-icon .is-active .nav-file-tag {
 
 #{utils.with-no-plugin('.explorer-icon')} {
   .workspace-leaf-content[data-type='file-explorer'] .nav-files-container .mod-root {
-    --nav-item-children-padding-left: var(--size-4-2);
     .nav-folder {
 
       &-title {

src/workspace/panel/tag.scss

@@ -1,10 +1,25 @@
-.workspace-leaf-content[data-type="tag"] .tree-item-self::before {
-  background-color: var(--text-normal);
-  line-height: var(--line-height-tight);
-  width: 1rem;
-  height: 1rem;
-  margin-left: calc(-1 * var(--size-4-4));
-  margin-right: var(--size-2-3);
-  transform: translateY(var(--size-4-1));
-  // add icon in icons.scss
+.workspace-leaf-content[data-type="tag"] {
+  .tree-item-self {
+    &::before {
+      background-color: var(--accent-active);
+      line-height: var(--line-height-tight);
+      width: 1rem;
+      height: 1rem;
+      margin-left: calc(-1 * var(--size-4-5));
+      margin-right: var(--size-4-3);
+      transform: translateY(var(--size-4-1));
+      // add icon in icons.scss
+    }
+    &:has(.tree-item-icon)::before{
+      background-color: var(--folder-color);
+    }
+  }
+
+  .tree-item-icon.collapse-icon {
+    cursor: pointer;
+
+    svg {
+      color: transparent;
+    }
+  }
 }