updated styling and display jobslist above clockin

components/labor-allocations-table/labor-allocations-table.component.jsx

@@ -82,12 +82,11 @@ export function LaborAllocationsTable({ jobId, bodyshop, technician,costCenterDi
   // console.log("labor summary is:", summary);
 
   return (
-    <View style={{ flex: 1}}>
+    <View style={{  flex: 1}}>
       {typeof data !== "undefined" ? (
         <Card style={{ flex: 1 }}>
-          <Card.Title><Text>Labor Allocations</Text></Card.Title>
+          <Card.Title title={"Labor Allocations"} />
           <Card.Content>
-          <DataTable>
             <View style={localStyles.headerArea}>
               <Text style={localStyles.headertext}>Cost Center</Text>
               <Text style={localStyles.headertext}>Hours Total</Text>
@@ -97,7 +96,6 @@ export function LaborAllocationsTable({ jobId, bodyshop, technician,costCenterDi
               <Text style={localStyles.headertext}>Difference</Text>
             </View>
             <Divider orientation="vertical" />
-          </DataTable>
           <DataTable>
             <FlatList
               data={totals}