Added global input style for numbers & fixed alignment on vendors form IO-415

client/src/components/vendors-form/vendors-form.component.jsx

@@ -1,5 +1,13 @@
 import { DeleteFilled } from "@ant-design/icons";
-import { Button, Form, Input, InputNumber, Select, Space } from "antd";
+import {
+  Button,
+  Form,
+  Input,
+  InputNumber,
+  Select,
+  Space,
+  Typography,
+} from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
@@ -61,7 +69,6 @@ export default function VendorsFormComponent({
         </Form.Item>
       </LayoutFormRow>
       <LayoutFormRow grow>
-        {" "}
         <Form.Item label={t("vendors.fields.state")} name="state">
           <Input />
         </Form.Item>
@@ -106,6 +113,9 @@ export default function VendorsFormComponent({
         </Form.Item>
       </LayoutFormRow>
 
+      <Typography.Title level={4}>
+        {t("vendors.labels.preferredmakes")}
+      </Typography.Title>
       <Form.List name="favorite">
         {(fields, { add, remove }) => {
           return (
@@ -143,7 +153,7 @@ export default function VendorsFormComponent({
                   }}
                   style={{ width: "100%" }}
                 >
-                  {t("billlines.actions.newline")}
+                  {t("vendors.actions.newpreferredmake")}
                 </Button>
               </Form.Item>
             </div>
@@ -151,5 +161,5 @@ export default function VendorsFormComponent({
         }}
       </Form.List>
     </div>
-  );
+  ); 
 }