1 files changed, 43 insertions, 10 deletions
diff --git a/src/Components/MapOverlay.tsx b/src/Components/MapOverlay.tsx
index faf484e..0e3624b 100644
--- a/src/Components/MapOverlay.tsx
+++ b/src/Components/MapOverlay.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, View, Text, GestureResponderEvent, ActivityIndicator, Linking } from 'react-native';
+import { StyleSheet, View, Text, GestureResponderEvent, ActivityIndicator, Linking, TextInput, Slider } from 'react-native';
 import { FontAwesome } from '@expo/vector-icons';
 import { getStatusBarHeight, getBottomSpace } from '../helper';
 import { LatLng } from '../Api/interfaces';
@@ -15,11 +15,6 @@ type Props = {
 export default (props: Props) => (
     <>
         <View style={styles.overlayLeft}>
-            {props.loading > 0 ? (
-                <View style={styles.loader}>
-                    <ActivityIndicator color={"#000"} />
-                </View>
-            ) : null}
             {props.selectedPortal ? (
                 <>
                     <View style={styles.buttonWrapper}>
@@ -35,7 +30,7 @@ export default (props: Props) => (
                             backgroundColor={"#e3e3e3"}
                         />
                     </View>
-                    <View style={styles.buttonWrapper}>
+                    {/* <View style={styles.buttonWrapper}>
                         <FontAwesome.Button
                             style={styles.button}
                             name={'location-arrow'}
@@ -45,9 +40,14 @@ export default (props: Props) => (
                             size={25}
                             backgroundColor={"#e3e3e3"}
                         />
-                    </View>
+                    </View> */}
                 </>
             ) : null}
+            {props.loading > 0 ? (
+                <View style={styles.loader}>
+                    <ActivityIndicator color={"#000"} />
+                </View>
+            ) : null}
         </View>
 
         <View style={styles.overlayRight}>
@@ -74,18 +74,23 @@ export default (props: Props) => (
                 />
             </View>
         </View>
+        {props.selectedPortal ? (
+            <View style={styles.panel}>
+                <Text>{JSON.stringify(props.selectedPortal)}</Text>
+            </View>
+        ) : null}
     </>
 );
 
 const styles = StyleSheet.create({
     overlayLeft: {
         position: 'absolute',
-        bottom: getBottomSpace(),
+        top: getStatusBarHeight() + 20,
         left: 8,
     },
     overlayRight: {
         position: 'absolute',
-        bottom: getBottomSpace(),
+        top: getStatusBarHeight() + 20,
         right: 8,
     },
     button: {
@@ -93,9 +98,37 @@ const styles = StyleSheet.create({
         alignItems: 'center',
         height: 48,
         width: 48,
+
     },
     buttonWrapper: {
         margin: 8,
+        //ios    
+        shadowOpacity: 0.3,
+        shadowRadius: 3,
+        shadowOffset: {
+            height: 0,
+            width: 0
+        },
+        //android
+        elevation: 1
+    },
+    panel: {
+        position: 'absolute',
+        bottom: getBottomSpace(),
+        left: 8,
+        right: 8,
+        borderRadius: 8,
+        padding: 8,
+        backgroundColor: '#fff',
+        //ios    
+        shadowOpacity: 0.3,
+        shadowRadius: 3,
+        shadowOffset: {
+            height: 0,
+            width: 0
+        },
+        //android
+        elevation: 1
     },
     icon: {
         marginRight: 0,