From b57ee244c0098ab63dc6f03d69cb7a4d00b9c534 Mon Sep 17 00:00:00 2001
From: Sebastian <s.boeckelmann3@gmail.com>
Date: Sat, 28 Oct 2023 09:46:32 +0200
Subject: [PATCH] Adjust Padding and Font-Weight

---
 .../taskgroup-overview.component.css                   |  1 +
 .../taskgroup-overview.component.html                  | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.css b/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.css
index 2b7e42c..2d2f9c7 100644
--- a/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.css
+++ b/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.css
@@ -143,4 +143,5 @@
 
 .node-name {
   font-style: normal;
+  font-weight: normal;
 }
diff --git a/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.html b/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.html
index e576d32..c0b2d37 100644
--- a/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.html
+++ b/frontend/src/app/dashboard/taskgroup-overview/taskgroup-overview.component.html
@@ -3,19 +3,19 @@
 </mat-action-list>
 <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" >
   <!-- This is the tree node template for leaf nodes -->
-  <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding class="taskgroup-btn">
+  <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding class="taskgroup-btn" matTreeNodePaddingIndent="10">
     <!-- use a disabled button to provide padding for tree leaf -->
     <button mat-icon-button disabled></button>
-    <button mat-button>{{node.name}}</button>
+    <button mat-button class="node-name">{{node.name}}</button>
   </mat-tree-node>
   <!-- This is the tree node template for expandable nodes -->
-  <mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding class="taskgroup-btn">
+  <mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding class="taskgroup-btn" matTreeNodePaddingIndent="10">
     <button mat-icon-button matTreeNodeToggle
-            [attr.aria-label]="'Toggle ' + node.name">
+            [attr.aria-label]="'Toggle ' + node.name" style="padding-left: 10px">
       <mat-icon class="mat-icon-rtl-mirror">
         {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
       </mat-icon>
     </button>
-    <button mat-button>{{node.name}}</button>
+    <button mat-button class="node-name">{{node.name}}</button>
   </mat-tree-node>
 </mat-tree>