IO-1399 Parts Order Modal Updates

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -73,7 +73,7 @@ export default function PartsOrderModalComponent({
                 <Form.Item required={false} key={field.key}>
                   <LayoutFormRow grow noDivider>
                     <Form.Item
-                      span={8}
+                      //span={8}
                       label={t("parts_orders.fields.line_desc")}
                       key={`${index}line_desc`}
                       name={[field.name, "line_desc"]}
@@ -132,19 +132,21 @@ export default function PartsOrderModalComponent({
                       </Form.Item>
                     )}
 
-                    <div>
-                      <DeleteFilled
-                        style={{ margin: "1rem" }}
-                        onClick={() => {
-                          remove(field.name);
-                        }}
-                      />
+                    <Space wrap align="center">
+                      <div>
+                        <DeleteFilled
+                          style={{ margin: "1rem" }}
+                          onClick={() => {
+                            remove(field.name);
+                          }}
+                        />
+                      </div>
                       <FormListMoveArrows
                         move={move}
                         index={index}
                         total={fields.length}
                       />
-                    </div>
+                    </Space>
                   </LayoutFormRow>
                 </Form.Item>
               ))}

client/src/components/parts-order-modal/parts-order-modal.container.jsx

@@ -260,7 +260,7 @@ export function PartsOrderModalContainer({
       onCancel={() => toggleModalVisible()}
       onOk={() => form.submit()}
       destroyOnClose
-      width="50%"
+      width="75%"
       forceRender
     >
       {error ? <AlertComponent message={error.message} type="error" /> : null}