Fix handling across elements styling

Summary: Changelog: [Internal] Adjust styling so test works on mobile screen and verified Android is passing

Reviewed By: mdvacca

Differential Revision: D40247320

fbshipit-source-id: c39bff510900393af7696e92e1f846999eb0ced3

packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTest.js

@@ -39,9 +39,11 @@ export default function RNTesterPlatformTest(props: Props): React.MixedElement {
     <View style={styles.root}>
       <View style={styles.testcaseContainer}>
         <Text style={[styles.textBlock, styles.title]}>{title}</Text>
-        <Text style={[styles.textBlock, styles.description]}>
-          {description}
-        </Text>
+        {description !== '' ? (
+          <Text style={[styles.textBlock, styles.description]}>
+            {description}
+          </Text>
+        ) : null}
         <RNTesterPlatformTestInstructions
           instructions={instructions}
           style={[styles.instructions, styles.block]}

packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveAcross.js

@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
     width: 200,
   },
   b: {
-    marginLeft: 100,
+    marginLeft: 50,
     height: 120,
     width: 200,
     backgroundColor: 'green',
@@ -32,8 +32,8 @@ const styles = StyleSheet.create({
     height: 120,
     width: 200,
     backgroundColor: 'yellow',
-    marginVertical: 100,
-    marginLeft: 100,
+    marginVertical: 10,
+    marginLeft: 50,
   },
   a1: {
     backgroundColor: 'blue',
@@ -42,7 +42,7 @@ const styles = StyleSheet.create({
   },
   b1: {
     padding: 1,
-    marginLeft: 100,
+    marginLeft: 50,
     height: 120,
     width: 200,
     backgroundColor: 'green',
@@ -51,7 +51,7 @@ const styles = StyleSheet.create({
     height: 120,
     width: 200,
     backgroundColor: 'black',
-    marginLeft: 100,
+    marginLeft: 50,
   },
 });