From 658263c5beac838240a19627894ef0621f681442 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 5 Jun 2017 17:42:51 -0400
Subject: browser, touchable

---
 client/src/lib/components/close.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'client/src/lib/components/close.js')

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,
-- 
cgit v1.2.3-70-g09d2