Fix alignment of uploading progress and overflow of video preview

Summary: Nuf said

Reviewed By: jknoxville

Differential Revision: D18782822

fbshipit-source-id: b17723694e8528408b77f27467132bf83695a84a

src/chrome/ShareSheetExportFile.tsx

@@ -180,6 +180,7 @@ export default class ShareSheetExportFile extends Component<Props, State> {
       <ReactReduxContext.Consumer>
         {({store}) => (
           <ShareSheetPendingDialog
+            width={500}
             statusUpdate={statusUpdate}
             statusMessage="Exporting Flipper trace..."
             onCancel={() => this.cancelAndHide(store)}

src/chrome/ShareSheetExportUrl.tsx

@@ -194,6 +194,7 @@ export default class ShareSheetExportUrl extends Component<Props, State> {
       <ReactReduxContext.Consumer>
         {({store}) => (
           <ShareSheetPendingDialog
+            width={500}
             statusUpdate={statusUpdate}
             statusMessage="Uploading Flipper trace..."
             onCancel={this.cancelAndHide(store)}

src/chrome/ShareSheetPendingDialog.tsx

@@ -21,7 +21,6 @@ import React from 'react';
 
 const Container = styled(FlexColumn)({
   padding: 20,
-  width: 500,
 });
 
 const Center = styled(FlexColumn)({
@@ -40,9 +39,10 @@ export default function(props: {
   hideNavButtons?: boolean;
   onCancel?: () => void;
   onRunInBackground?: () => void;
+  width?: number;
 }) {
   return (
-    <Container>
+    <Container style={{width: props.width}}>
       <Center>
         <LoadingIndicator size={30} />
         {props.statusUpdate && props.statusUpdate.length > 0 ? (

src/chrome/__tests__/__snapshots__/ShareSheetPendingDialog.node.tsx.snap

@@ -2,7 +2,12 @@
 
 exports[`ShareSheetPendingDialog is rendered with status update 1`] = `
 <div
-  className="css-1uu1nb5"
+  className="css-ha9vz3"
+  style={
+    Object {
+      "width": undefined,
+    }
+  }
 >
   <div
     className="css-mgujkx"
@@ -47,7 +52,12 @@ exports[`ShareSheetPendingDialog is rendered with status update 1`] = `
 
 exports[`ShareSheetPendingDialog is rendered without status update 1`] = `
 <div
-  className="css-1uu1nb5"
+  className="css-ha9vz3"
+  style={
+    Object {
+      "width": undefined,
+    }
+  }
 >
   <div
     className="css-mgujkx"