fix(rn, Labels): Place picture-in-picture button on the left

react/features/conference/components/native/NavigationBar.js

@@ -53,8 +53,10 @@ const NavigationBar = (props: Props) => {
         <View
             pointerEvents = 'box-none'
             style = { styles.navBarWrapper }>
-            <PictureInPictureButton
-                styles = { styles.navBarButton } />
+            <View style = { styles.pipButtonContainer }>
+                <PictureInPictureButton
+                    styles = { styles.pipButton } />
+            </View>
             <View
                 pointerEvents = 'box-none'
                 style = { styles.roomNameWrapper }>

react/features/conference/components/native/styles.js

@@ -53,12 +53,18 @@ export default {
         paddingVertical: 12
     },
 
-    navBarButton: {
+    pipButtonContainer: {
+        position: 'absolute',
+        top: 10,
+        left: 5,
+        zIndex: 1
+    },
+
+    pipButton: {
         iconStyle: {
             color: ColorPalette.white,
             fontSize: 24
         },
-
         underlayColor: 'transparent'
     },