browser, touchable

1 files changed, 11 insertions, 6 deletions

diff --git a/client/src/lib/components/close.js b/client/src/lib/components/close.js
index 12b4a0a..c5fa0f0 100644
--- a/client/src/lib/components/close.js
+++ b/client/src/lib/components/close.js
@@ -1,24 +1,29 @@
 import React, { Component } from 'react';
 import {
   StyleSheet,
-  TouchableOpacity,
-  Image
+  Image,
+  View,
 } from 'react-native';
 import DeviceInfo from 'react-native-device-info'
 
+import Touchable from './touchable'
+import { isFirefox } from './browser'
+
 export default class Close extends Component {
   render() {
     return (
-      <TouchableOpacity onPress={this.props.onPress} style={styles.close}>
-        <Image key={'image_close'} source={require('../../img/close.png')} style={styles.closeImage} />
-      </TouchableOpacity>
+      <Touchable onPress={this.props.onPress}>
+        <View style={styles.close}>
+          <Image key={'image_close'} source={require('../../img/close.png')} style={styles.closeImage} />
+        </View>
+      </Touchable>
     )
   }
 }
 
 const styles = StyleSheet.create({
   close: {
-    position: 'absolute',
+    position: isFirefox ? 'fixed' : 'absolute',
     top: 10,
     right: 10,
     width: 40,