Sentry logging and minor UI

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

@@ -43,7 +43,16 @@ function JobListItemComponent({ openImagePicker, item }) {
   const roNumber = item.ro_number || t("general.labels.na");
 
   if (item.id === "footer-spacer") {
-    return <View style={{ height: item.height || 64 }} />;
+    return (
+      //This has to be nested for some reason?
+      <View>
+        <View
+          style={{
+            height: item.height || 96,
+          }}
+        ></View>
+      </View>
+    );
   }
   return (
     <Pressable

components/jobs-list/jobs-list.jsx

@@ -55,10 +55,7 @@ export function JobListComponent({ bodyshop, openImagePicker }) {
   const jobs = data ? [...(data?.jobs || []), { id: "footer-spacer" }] : [];
 
   return (
-    <SafeAreaView
-      style={{ flex: 1, marginHorizontal: 12, paddingBottom: 48 }}
-      edges={["top"]}
-    >
+    <SafeAreaView style={{ flex: 1, marginHorizontal: 12 }} edges={["top"]}>
       <View
         style={{
           display: "flex",
@@ -73,7 +70,11 @@ export function JobListComponent({ bodyshop, openImagePicker }) {
         >
           {t("joblist.titles.jobtab")}
         </Text>
-        <Button icon="cloud-upload-outline" mode="outlined" onPress={handleTempUpload}>
+        <Button
+          icon="cloud-upload-outline"
+          mode="outlined"
+          onPress={handleTempUpload}
+        >
           {t("joblist.labels.tempdocs")}
         </Button>
       </View>