Dashboard: Goods Receipt Status Update

src/components/DashboardPage/goodsReceiptStatus/GoodsReceiptStatus.tsx

@@ -131,43 +131,43 @@ const GoodsReceiptStatus: React.FC = () => {
             </Box>
           ) : (
             <TableContainer component={Paper}>
-              <Table size="small" sx={{ minWidth: 1200 }}>
+              <Table size="small" sx={{ minWidth: 900 }}>
                 <TableHead>
                   <TableRow sx={{ backgroundColor: 'grey.100' }}>
-                    <TableCell sx={{ fontWeight: 600 }}>{t("Supplier")}</TableCell>
-                    <TableCell sx={{ fontWeight: 600 }} align="center">{t("Expected No. of Delivery")}</TableCell>
-                    <TableCell sx={{ fontWeight: 600 }} align="center">{t("No. of Orders Received at Dock")}</TableCell>
-                    <TableCell sx={{ fontWeight: 600 }} align="center">{t("No. of Items Inspected")}</TableCell>
-                    <TableCell sx={{ fontWeight: 600 }} align="center">{t("No. of Items with IQC Issue")}</TableCell>
-                    <TableCell sx={{ fontWeight: 600 }} align="center">{t("No. of Items Completed Put Away at Store")}</TableCell>
+                    <TableCell sx={{ fontWeight: 600, width: '200px', padding: '8px 12px' }}>{t("Supplier")}</TableCell>
+                    <TableCell sx={{ fontWeight: 600, width: '120px', padding: '8px 12px' }} align="center">{t("Expected No. of Delivery")}</TableCell>
+                    <TableCell sx={{ fontWeight: 600, width: '150px', padding: '8px 12px' }} align="center">{t("No. of Orders Received at Dock")}</TableCell>
+                    <TableCell sx={{ fontWeight: 600, width: '120px', padding: '8px 12px' }} align="center">{t("No. of Items Inspected")}</TableCell>
+                    <TableCell sx={{ fontWeight: 600, width: '150px', padding: '8px 12px' }} align="center">{t("No. of Items with IQC Issue")}</TableCell>
+                    <TableCell sx={{ fontWeight: 600, width: '180px', padding: '8px 12px' }} align="center">{t("No. of Items Completed Put Away at Store")}</TableCell>
                   </TableRow>
                   <TableRow sx={{ backgroundColor: 'grey.50' }}>
-                    <TableCell>
+                    <TableCell sx={{ padding: '6px 12px' }}>
                       <Typography variant="caption" color="text.secondary">
                         {t("Show Supplier Name")}
                       </Typography>
                     </TableCell>
-                    <TableCell align="center">
+                    <TableCell sx={{ padding: '6px 12px' }} align="center">
                       <Typography variant="caption" color="text.secondary">
                         {t("Based on Expected Delivery Date")}
                       </Typography>
                     </TableCell>
-                    <TableCell align="center">
+                    <TableCell sx={{ padding: '6px 12px' }} align="center">
                       <Typography variant="caption" color="text.secondary">
                         {t("Upon entry of DN and Lot No. for all items of the order")}
                       </Typography>
                     </TableCell>
-                    <TableCell align="center">
+                    <TableCell sx={{ padding: '6px 12px' }} align="center">
                       <Typography variant="caption" color="text.secondary">
                         {t("Upon any IQC decision received")}
                       </Typography>
                     </TableCell>
-                    <TableCell align="center">
+                    <TableCell sx={{ padding: '6px 12px' }} align="center">
                       <Typography variant="caption" color="text.secondary">
                         {t("Count any item with IQC defect in any IQC criteria")}
                       </Typography>
                     </TableCell>
-                    <TableCell align="center">
+                    <TableCell sx={{ padding: '6px 12px' }} align="center">
                       <Typography variant="caption" color="text.secondary">
                         {t("Upon completion of put away for an material in order. Count no. of items being put away")}
                       </Typography>
@@ -191,22 +191,22 @@ const GoodsReceiptStatus: React.FC = () => {
                           '&:hover': { backgroundColor: 'grey.50' }
                         }}
                       >
-                        <TableCell>
+                        <TableCell sx={{ padding: '8px 12px' }}>
                           {row.supplierName || '-'}
                         </TableCell>
-                        <TableCell align="center">
+                        <TableCell sx={{ padding: '8px 12px' }} align="center">
                           {row.expectedNoOfDelivery ?? 0}
                         </TableCell>
-                        <TableCell align="center">
+                        <TableCell sx={{ padding: '8px 12px' }} align="center">
                           {row.noOfOrdersReceivedAtDock ?? 0}
                         </TableCell>
-                        <TableCell align="center">
+                        <TableCell sx={{ padding: '8px 12px' }} align="center">
                           {row.noOfItemsInspected ?? 0}
                         </TableCell>
-                        <TableCell align="center">
+                        <TableCell sx={{ padding: '8px 12px' }} align="center">
                           {row.noOfItemsWithIqcIssue ?? 0}
                         </TableCell>
-                        <TableCell align="center">
+                        <TableCell sx={{ padding: '8px 12px' }} align="center">
                           {row.noOfItemsCompletedPutAwayAtStore ?? 0}
                         </TableCell>
                       </TableRow>