From 7a59606aaa8091b4f3b331dc1fa2e46d4252e95f Mon Sep 17 00:00:00 2001
From: mgechev <mgechev@gmail.com>
Date: Thu, 28 Jan 2021 17:05:58 -0800
Subject: [PATCH] fix(devtools): set proper height of the tree nodes

---
 .../directive-explorer/directive-explorer.component.scss        | 2 +-
 .../directive-forest/directive-forest.component.scss            | 2 +-
 .../directive-forest/directive-forest.component.ts              | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss
index 5846bb40fb3..e92c1d5ac51 100644
--- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss
+++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.scss
@@ -4,7 +4,7 @@
   ::ng-deep {
     as-split {
       &.space-for-bread-crumbs {
-        height: calc(100% - 25px);
+        height: calc(100% - 33px);
       }
     }
 
diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss
index 113fbd30b34..6c3e8676102 100644
--- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss
+++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.scss
@@ -107,7 +107,7 @@
 
 .tree-wrapper {
   overflow-y: auto;
-  height: calc(100% - 25px);
+  height: calc(100% - 33px);
 }
 
 .angular-element {
diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts
index 1f126543f9d..1fa75faa044 100644
--- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts
+++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts
@@ -63,7 +63,7 @@ export class DirectiveForestComponent implements OnInit, OnDestroy {
     (node) => node.expandable
   );
   readonly dataSource = new ComponentDataSource(this.treeControl);
-  readonly itemHeight = 24;
+  readonly itemHeight = 18;
 
   private _initialized = false;