update invoice table sizing

src/components/InvoiceSearch/InvoiceTable.tsx

@@ -205,8 +205,8 @@ const InvoiceTable: React.FC<Props> = ({ projects, invoices }) => {
           newRow: GridRowModel<invoiceListRow>, 
           originalRow: GridRowModel<invoiceListRow>,
         ) => {
-          console.log(newRow)
-          console.log(originalRow)
+          // console.log(newRow)
+          // console.log(originalRow)
           const errors = validateRow(newRow.id!!);
           if (errors) {
             // console.log(errors)
@@ -297,18 +297,18 @@ const InvoiceTable: React.FC<Props> = ({ projects, invoices }) => {
 
 const editCombinedColumns = useMemo<GridColDef[]>(
     () => [
-        { field: "invoiceNo", headerName: t("Invoice No"), editable: true, flex: 0.7 },
+        { field: "invoiceNo", headerName: t("Invoice No"), editable: true, flex: 1 },
         { field: "projectCode", 
           headerName: t("Project Code"), 
           editable: true, 
-          flex: 1.5,
+          flex: 1,
           renderCell: renderAutocomplete,
           renderEditCell: renderAutocompleteInput
         },
         { field: "issuedDate", 
         headerName: t("Issue Date"), 
         editable: true, 
-        flex: 1,  
+        flex: 0.5,  
         type: 'date', 
         // valueGetter: (params) => {
         //   // console.log(params.row.issuedDate)
@@ -318,21 +318,21 @@ const editCombinedColumns = useMemo<GridColDef[]>(
         { field: "issuedAmount", 
         headerName: t("Amount (HKD)"), 
         editable: true, 
-        flex: 1,
+        flex: 0.7,
         type: 'number'
         },
         { 
         field: "receiptDate", 
         headerName: t("Settle Date"), 
         editable: true,
-        flex: 1,
+        flex: 0.5,
         type: 'date', 
         },
         { 
         field: "receivedAmount", 
         headerName: t("Actual Received Amount (HKD)"), 
         editable: true, 
-        flex: 1,
+        flex: 0.7,
         type: 'number'
         },
         {