Better offset

Summary: For deep nested hierarchies, the current offset was too big making the hierarchy almost un-browsable. The current offset seems to work better.

Reviewed By: LukeDefeo

Differential Revision: D42996296

fbshipit-source-id: 808a2ecc32aff2d8d252bdb9f653344866e5653b

desktop/plugins/public/ui-debugger/components/Tree.tsx

@@ -176,7 +176,7 @@ function IndentGuide({indentGuide}: {indentGuide: NodeIndentGuide}) {
         <div
           style={{
             position: 'absolute',
-            width: 8,
+            width: renderDepthOffset / 3,
             height: HalfTreeItemHeight,
             borderBottom: `2px ${horizontalLineStyle} ${color}`,
             marginLeft: verticalLinePadding,
@@ -346,7 +346,7 @@ const DecorationImage = styled.img({
   width: 12,
 });
 
-const renderDepthOffset = 16;
+const renderDepthOffset = 8;
 
 const ContextMenu: React.FC<{
   nodes: Map<Id, UINode>;