small fixes

src/components/MapButton/index.tsx

@@ -19,7 +19,7 @@ const MapButton: React.FC<MapButtonProps> = ({
   children
 }) => {
   const isSmallScreen = Dimensions.get('window').width < 383;
-  const iconSize = isSmallScreen ? 14 : 16;
+  const iconSize = isSmallScreen ? 12 : 16;
 
   return (
     <TouchableOpacity
@@ -49,9 +49,11 @@ const MapButton: React.FC<MapButtonProps> = ({
       <Text
         style={{
           color: active ? Colors.WHITE : Colors.DARK_BLUE,
-          fontSize: isSmallScreen ? 11 : 12,
+          fontSize: isSmallScreen ? 10 : 12,
           fontWeight: '600'
         }}
+        adjustsFontSizeToFit
+        minimumFontScale={0.8}
       >
         {text}
       </Text>

src/screens/InAppScreens/MapScreen/index.tsx

@@ -1299,7 +1299,7 @@ const MapScreen: any = ({ navigation, route }: { navigation: any; route: any })
   const getLocation = async () => {
     try {
       let currentLocation = await Location.getCurrentPositionAsync({
-        accuracy: Location.Accuracy.Balanced
+        accuracy: Platform.OS === 'ios' ? Location.Accuracy.Balanced : Location.Accuracy.Low
       });
       setLocation(currentLocation.coords);
 
@@ -2157,9 +2157,9 @@ const MapScreen: any = ({ navigation, route }: { navigation: any; route: any })
               horizontal
               showsHorizontalScrollIndicator={false}
               contentContainerStyle={{
-                paddingHorizontal: 12,
+                paddingHorizontal: isSmallScreen ? 8 : 12,
                 paddingTop: 6,
-                gap: isSmallScreen ? 8 : 12,
+                gap: isSmallScreen ? 6 : 10,
                 flexDirection: 'row'
               }}
             >

src/screens/InAppScreens/MapScreen/style.tsx

@@ -47,11 +47,11 @@ export const styles = StyleSheet.create({
     shadowColor: '#000',
     shadowOffset: {
       width: 0,
-      height: 1,
+      height: 1
     },
     shadowOpacity: 0.25,
     shadowRadius: 1.5,
-    elevation: 2,
+    elevation: 2
   },
   topLeftButton: {
     top: 52,
@@ -156,11 +156,10 @@ export const styles = StyleSheet.create({
   },
   tabs: {
     position: 'absolute',
-    padding: 3,
+    paddingVertical: 3,
     display: 'flex',
     alignItems: 'flex-end',
     justifyContent: 'flex-start',
-    flexDirection: 'row',
-    paddingRight: 55
+    flexDirection: 'row'
   }
 });