From 4e7ca39168d0f8127194de85ff9db8f5b246dbb1 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Tue, 1 Aug 2023 10:32:29 -0700
Subject: [PATCH] Tweaks to tree UI

Summary:
Made rows smaller so you get to see more content
Monospace font

Reviewed By: antonk52

Differential Revision: D47949839

fbshipit-source-id: f8935e233838ff35acf8c1ab14bcf9b8f2153ab4
---
 desktop/plugins/public/ui-debugger/components/tree/Tree.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
index f0831e07b..41260e201 100644
--- a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
+++ b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
@@ -451,6 +451,7 @@ function TreeNodeTextContent({treeNode}: {treeNode: TreeNode}) {
   return (
     <Layout.Horizontal
       style={{
+        fontFamily: 'monospace',
         opacity: isZero || invisible ? 0.5 : 1,
         alignItems: 'baseline',
         userSelect: 'none',
@@ -483,7 +484,7 @@ function InlineAttributes({attributes}: {attributes: Record<string, string>}) {
   );
 }
 
-const TreeItemHeightNumber = 28;
+const TreeItemHeightNumber = 24;
 const TreeItemHeight = `${TreeItemHeightNumber}px`;
 const HalfTreeItemHeight = `calc(${TreeItemHeight} / 2)`;
 
@@ -597,7 +598,7 @@ const NodeIconImage = styled.img({
   userSelect: 'none',
 });
 
-const renderDepthOffset = 14;
+const renderDepthOffset = 12;
 
 //due to virtualisation the out of the box dom based scrolling doesnt work
 function findSearchMatchingIndexes(