Fix the scroll of the crash headers in the plugin

Summary:
When the text is too long either for the crash name and the crash reason, user is not able to see scroll and see the text.

Bug:

{F162636692}

Reviewed By: danielbuechele

Differential Revision: D15907908

fbshipit-source-id: a9557074e310728d4cb4825ec18740ca0ea0c12f

src/plugins/crash_reporter/index.js

@@ -104,7 +104,7 @@ const Line = styled(View)({
 });
 
 const Container = styled(FlexColumn)({
-  overflow: 'hidden',
+  overflow: 'scroll',
   flexShrink: 0,
 });
 
@@ -115,7 +115,9 @@ const Value = styled(Text)({
   maxHeight: 200,
   flexGrow: 1,
   textOverflow: 'ellipsis',
+  marginLeft: 8,
   marginRight: 8,
+  overflow: 'hidden',
 });
 
 const FlexGrowColumn = styled(FlexColumn)({
@@ -458,24 +460,22 @@ class HeaderRow extends Component<HeaderRowProps> {
   render() {
     const {title, value} = this.props;
     return (
-      <Padder paddingTop={8} paddingBottom={2}>
+      <Padder paddingTop={8} paddingBottom={2} paddingLeft={8}>
         <Container>
-          <Padder paddingLeft={8}>
-            <FlexRow>
-              <Title>{title}</Title>
-              <ContextMenu
-                items={[
-                  {
-                    label: 'copy',
-                    click: () => {
-                      clipboard.writeText(value);
-                    },
+          <FlexRow>
+            <Title>{title}</Title>
+            <ContextMenu
+              items={[
+                {
+                  label: 'copy',
+                  click: () => {
+                    clipboard.writeText(value);
                   },
-                ]}>
-                <Value code={true}>{value}</Value>
-              </ContextMenu>
-            </FlexRow>
-          </Padder>
+                },
+              ]}>
+              <Value code={true}>{value}</Value>
+            </ContextMenu>
+          </FlexRow>
           <Line />
         </Container>
       </Padder>