Fix file tree node padding

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
+  <mat-tree-node
+    *matTreeNodeDef="let node; when: hasChild"
+    matTreeNodeToggle
     matTreeNodePadding
-      matTreeNodePaddingIndent="24px"
-      [attr.aria-label]="'Toggle ' + node.file.name"
+    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
         }

src/app/file-tree/file-tree.component.scss

@@ -12,3 +12,7 @@
 .mat-tree {
   background-color: transparent;
 }
+
+.mat-tree-node {
+  cursor: pointer;
+}