Split op code and part number on jobline list BOD-207

client/src/App/App.styles.scss

@@ -65,3 +65,8 @@
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #188fff;
 }
+
+.ant-table-cell {
+  //  background-color: red;
+  padding: 0.2rem !important;
+}

client/src/components/job-detail-lines/job-lines.component.jsx

@@ -67,19 +67,21 @@ export function JobLinesComponent({
       title: t("joblines.fields.oem_partno"),
       dataIndex: "oem_partno",
       key: "oem_partno",
-      sorter: (a, b) =>
-        alphaSort(
-          a.oem_partno ? a.oem_partno : a.op_code_desc,
-          b.oem_partno ? b.oem_partno : b.op_code_desc
-        ),
+      sorter: (a, b) => alphaSort(a.oem_partno, b.oem_partno),
       sortOrder:
         state.sortedInfo.columnKey === "oem_partno" && state.sortedInfo.order,
       ellipsis: true,
-      render: (text, record) => (
-        <span>
-          {record.oem_partno ? record.oem_partno : record.op_code_desc}
-        </span>
-      ),
+      render: (text, record) => record.oem_partno,
+    },
+    {
+      title: t("joblines.fields.op_code_desc"),
+      dataIndex: "op_code_desc",
+      key: "op_code_desc",
+      sorter: (a, b) => alphaSort(a.op_code_desc, b.op_code_desc),
+      sortOrder:
+        state.sortedInfo.columnKey === "op_code_desc" && state.sortedInfo.order,
+      ellipsis: true,
+      render: (text, record) => record.op_code_desc,
     },
     {
       title: t("joblines.fields.part_type"),
@@ -348,6 +350,7 @@ export function JobLinesComponent({
             ))}
           </div>
         )}
+        rowClassName="table-small-margin"
         rowSelection={{
           selectedRowKeys: selectedLines.map((item) => item.id),
           onSelectAll: (selected, selectedRows, changeRows) => {