From 3606c360b4affbe372582e454010640dcd0eed6f Mon Sep 17 00:00:00 2001
From: vato007 <contact@michaelpivato.dev>
Date: Sat, 29 Jun 2024 08:37:15 +0930
Subject: [PATCH] Fix file tree node padding

---
 src/app/file-tree/file-tree.component.html | 16 ++++++++--------
 src/app/file-tree/file-tree.component.scss |  4 ++++
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/app/file-tree/file-tree.component.html b/src/app/file-tree/file-tree.component.html
index 8ac7f37..3b7cbcb 100644
--- a/src/app/file-tree/file-tree.component.html
+++ b/src/app/file-tree/file-tree.component.html
@@ -2,19 +2,19 @@
   <mat-tree-node
     *matTreeNodeDef="let node"
     matTreeNodePadding
-    matTreeNodePaddingIndent="24px"
+    matTreeNodePaddingIndent="12px"
     (click)="fileSelected.emit(node.file)"
   >
     <button mat-icon-button disabled></button>
     {{ node.file.name }}
   </mat-tree-node>
-  <mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodeToggle>
-    <button
-      mat-icon-button
-      matTreeNodePadding
-      matTreeNodePaddingIndent="24px"
-      [attr.aria-label]="'Toggle ' + node.file.name"
-    >
+  <mat-tree-node
+    *matTreeNodeDef="let node; when: hasChild"
+    matTreeNodeToggle
+    matTreeNodePadding
+    matTreeNodePaddingIndent="12px"
+  >
+    <button mat-icon-button [attr.aria-label]="'Toggle ' + node.file.name">
       <mat-icon class="mat-icon-rtl-mirror">
         @if (treeControl.isExpanded(node)) { expand_more } @else { chevron_right
         }
diff --git a/src/app/file-tree/file-tree.component.scss b/src/app/file-tree/file-tree.component.scss
index 3b60b7c..e538f80 100644
--- a/src/app/file-tree/file-tree.component.scss
+++ b/src/app/file-tree/file-tree.component.scss
@@ -12,3 +12,7 @@
 .mat-tree {
   background-color: transparent;
 }
+
+.mat-tree-node {
+  cursor: pointer;
+}