From 994b472750c305f3878137e884a164f1a4cedee5 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Mon, 10 Jul 2023 09:22:39 -0700
Subject: [PATCH] Increase thickness of selection border to make selection more
 apparant

Summary:
We had feedback that when a small eleemnt was selected it was hard to find, this should help

Changelog: [UIDebugger] Make selection more prominent in the visualiser

Reviewed By: lblasa

Differential Revision: D47223504

fbshipit-source-id: 33b448d36b0323e958e45fd1d0e2c7f659de293c
---
 .../plugins/public/ui-debugger/components/Visualization2D.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx
index 3bdf6ecc4..ec0a27aa5 100644
--- a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx
+++ b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx
@@ -283,7 +283,7 @@ const OverlayBorder = styled.div<{
     width: toPx(node?.bounds?.width ?? 0),
     height: toPx(node?.bounds?.height ?? 0),
     boxSizing: 'border-box',
-    borderWidth: 2,
+    borderWidth: type === 'selected' ? 3 : 2,
     borderStyle: 'solid',
     color: 'transparent',
     borderColor: