IO-244 IOU updates.

client/src/components/job-line-note-popup/job-line-note-popup.component.jsx

@@ -1,10 +1,10 @@
-import React, { useState, useEffect } from "react";
-import { Input, notification, Space } from "antd";
 import { FieldTimeOutlined } from "@ant-design/icons";
-import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import { useMutation } from "@apollo/client";
-import { UPDATE_JOB_LINE } from "../../graphql/jobs-lines.queries";
+import { Input, notification } from "antd";
+import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { UPDATE_JOB_LINE } from "../../graphql/jobs-lines.queries";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 
 export default function JobLineNotePopup({ jobline, disabled }) {
   const [editing, setEditing] = useState(false);
@@ -57,21 +57,21 @@ export default function JobLineNotePopup({ jobline, disabled }) {
     );
   return (
     <div>
-      {jobline.ioucreated && (
-        <Space>
-          <FieldTimeOutlined />
-          {t("joblines.labels.ioucreated")}
-        </Space>
-      )}
       <div
         style={{
           width: "100%",
-          minHeight: "2rem",
+          ...(jobline.ioucreated ? {} : { minHeight: "2rem" }),
           cursor: "pointer",
         }}
         onClick={() => !disabled && setEditing(true)}
       >
-        {jobline.notes}
+        {jobline.ioucreated && (
+          <div>
+            <FieldTimeOutlined style={{ margin: 0, padding: 0 }} />
+            {t("joblines.labels.ioucreated")}
+          </div>
+        )}
+        {jobline.notes || null}
       </div>
     </div>
   );