Remove incorrect margins for android.

app/jobs/[jobId]/_layout.tsx

@@ -14,8 +14,9 @@ function JobTabLayout(props) {
         tabBarPosition: "top",
         headerShown: false,
         animation: "shift",
+
         tabBarStyle: {
-          marginTop: -50,
+          //  marginTop: -50
         },
       }}
     >

components/jobs-list/job-list-item.jsx

@@ -2,7 +2,7 @@ import * as Haptics from "expo-haptics";
 import { useRouter } from "expo-router";
 import React, { memo, useCallback } from "react";
 import { useTranslation } from "react-i18next";
-import { Platform, Pressable, StyleSheet, View } from "react-native";
+import { Pressable, StyleSheet, View } from "react-native";
 import { IconButton, Text, useTheme } from "react-native-paper";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -49,60 +49,53 @@ function JobListItemComponent({ openImagePicker, item }) {
       onPress={onPress}
       style={({ pressed }) => [styles.pressable, pressed && { opacity: 0.85 }]}
     >
-      <View style={styles.outerShadow}>
+      <View style={styles.blurContainer}>
+        {/* Translucent overlay for glass effect */}
         <View
-          experimentalBlurMethod="true"
+          style={[
-          intensity={Platform.OS === "ios" ? 30 : 0}
+            styles.glassCard,
-          tint={theme.dark ? "dark" : "light"}
+            {
-          style={styles.blurContainer}
+              backgroundColor: theme.dark
+                ? "rgba(30,30,30,0.55)"
+                : "rgba(255,255,255,0.55)",
+              borderColor: theme.colors.outlineVariant,
+            },
+          ]}
         >
-          {/* Translucent overlay for glass effect */}
+          <View style={styles.cardContents}>
-          <View
+            <View style={{ flex: 1, display: "flex" }}>
-            style={[
+              <View style={styles.headerRow}>
-              styles.glassCard,
+                <View style={styles.leftHeader}>
-              {
+                  <Text
-                backgroundColor: theme.dark
+                    numberOfLines={1}
-                  ? "rgba(30,30,30,0.55)"
+                    style={[styles.roNumber, { color: theme.colors.primary }]}
-                  : "rgba(255,255,255,0.55)",
+                  >
-                borderColor: theme.colors.outlineVariant,
+                    {roNumber} • {ownerName}
-              },
+                    {ownerName && company ? " • " : ""}
-            ]}
+                    {company}
-          >
+                  </Text>
-            <View style={styles.cardContents}>
-              <View style={{ flex: 1, display: "flex" }}>
-                <View style={styles.headerRow}>
-                  <View style={styles.leftHeader}>
-                    <Text
-                      numberOfLines={1}
-                      style={[styles.roNumber, { color: theme.colors.primary }]}
-                    >
-                      {roNumber} • {ownerName}
-                      {ownerName && company ? " • " : ""}
-                      {company}
-                    </Text>
-                  </View>
-                </View>
-                <View style={styles.body}>
-                  {!!vehicle && (
-                    <Text
-                      variant="bodyMedium"
-                      numberOfLines={1}
-                      style={{ marginTop: 4 }}
-                    >
-                      {vehicle}
-                    </Text>
-                  )}
                 </View>
               </View>
-              <IconButton
+              <View style={styles.body}>
-                onPress={handleUpload}
+                {!!vehicle && (
-                icon="cloud-upload-outline"
+                  <Text
-                mode="contained-tonal"
+                    variant="bodyMedium"
-                size={22}
+                    numberOfLines={1}
-                accessibilityLabel={t("joblist.actions.upload")}
+                    style={{ marginTop: 4 }}
-                style={styles.uploadButton}
+                  >
-              />
+                    {vehicle}
+                  </Text>
+                )}
+              </View>
             </View>
+            <IconButton
+              onPress={handleUpload}
+              icon="cloud-upload-outline"
+              mode="contained-tonal"
+              size={22}
+              accessibilityLabel={t("joblist.actions.upload")}
+              style={styles.uploadButton}
+            />
           </View>
         </View>
       </View>
@@ -116,7 +109,7 @@ const styles = StyleSheet.create({
     marginVertical: 6,
   },
   outerShadow: {
-    borderRadius: 20,
+    borderRadius: 20, //this one
     shadowColor: "#000",
     shadowOpacity: 0.12,
     shadowRadius: 8,