Added bgs on android ID + cleanup

Summary:
Paddings and alignments were improved also

changelog:
UIDebugger - Added ability to big grep search based on android ID if available

Reviewed By: lblasa

Differential Revision: D43159228

fbshipit-source-id: e2d7190ea2411e936ba065328bcc375c64619e8f

desktop/plugins/public/ui-debugger/components/sidebar/inspector/IdentityInspector.tsx

@@ -40,17 +40,12 @@ export const IdentityInspector: React.FC<Props> = ({node}) => {
           <IdentityValue title={node.name}>{node.name}</IdentityValue>
         </Col>
       </Row>
-      <Row gutter={4}>
-        <Col span="10">
-          <IdentityKey>Qualified name:</IdentityKey>
-        </Col>
-        <Col span="14">
-          <IdentityValue title={node.qualifiedName}>
-            {node.qualifiedName}
-          </IdentityValue>
-        </Col>
-      </Row>
-      <CodeInspector name={node.qualifiedName} tags={node.tags} />
+
+      <CodeInspector
+        name={node.qualifiedName}
+        tags={node.tags}
+        androidId={node.inlineAttributes['id']}
+      />
     </IdentityContainer>
   );
 };

desktop/plugins/public/ui-debugger/components/sidebar/inspector/Styles.tsx

@@ -26,12 +26,16 @@ export const InspectorStyle = {
   },
 } as const;
 
-export const RowStyle = {
-  marginTop: 4,
-  marginBottom: 4,
+export const BottomBorder = {
   borderStyle: 'solid',
   borderColor: theme.dividerColor,
   borderWidth: '0 0 1px 0',
+};
+
+export const RowStyle = {
+  ...BottomBorder,
+  marginTop: 4,
+  marginBottom: 4,
 } as const;
 
 export const ObjectContainerStyle = {

desktop/plugins/public/ui-debugger/components/sidebar/inspector/fb-stubs/CodeInspector.tsx

@@ -13,6 +13,7 @@ import {Tag} from '../../../../types';
 type CodeInspectorProps = {
   tags: Tag[];
   name: string;
+  androidId?: string;
 };
 export const CodeInspector: React.FC<CodeInspectorProps> = () => {
   return <></>;