IO-1399 Parts Order Modal Updates

bodyshop_translations.babel

@@ -22324,6 +22324,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>referral_source_other</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>referralsource</name>
                                         <definition_loaded>false</definition_loaded>

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>
+                    <Space wrap align="center">
-                      <DeleteFilled
+                      <div>
-                        style={{ margin: "1rem" }}
+                        <DeleteFilled
-                        onClick={() => {
+                          style={{ margin: "1rem" }}
-                          remove(field.name);
+                          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}