From d497ec9f7daf77cf6745cde831b7870d1f683cb6 Mon Sep 17 00:00:00 2001
From: Dave <Dave>
Date: Wed, 25 Mar 2026 15:58:51 -0400
Subject: [PATCH] feature/IO-3624-Shop-Config-UX-Refresh -Final Push!

---
 .../inline-form-row-title.utils.js            |  3 +++
 .../shop-employees-form.component.jsx         | 14 +++++------
 .../shop-info/shop-info.general.component.jsx | 25 ++++++++++---------
 .../shop-info/shop-info.intake.component.jsx  |  9 ++++---
 .../shop-info.laborrates.component.jsx        |  7 +++---
 .../shop-info/shop-info.parts-scan.jsx        |  7 +++---
 ...p-info.responsibilitycenters.component.jsx | 11 ++++----
 .../shop-info.speedprint.component.jsx        |  7 +++---
 .../shop-employee-teams.form.component.jsx    | 14 +++++------
 9 files changed, 51 insertions(+), 46 deletions(-)

diff --git a/client/src/components/layout-form-row/inline-form-row-title.utils.js b/client/src/components/layout-form-row/inline-form-row-title.utils.js
index 1647422c1..70c0e8dd2 100644
--- a/client/src/components/layout-form-row/inline-form-row-title.utils.js
+++ b/client/src/components/layout-form-row/inline-form-row-title.utils.js
@@ -1,3 +1,5 @@
+import { UnorderedListOutlined } from "@ant-design/icons";
+
 export const inlineFormRowTitleStyles = Object.freeze({
   input: Object.freeze({
     background: "transparent",
@@ -68,6 +70,7 @@ export const inlineFormRowTitleStyles = Object.freeze({
 export const INLINE_TITLE_INPUT_STYLE = inlineFormRowTitleStyles.input;
 export const INLINE_TITLE_ROW_STYLE = inlineFormRowTitleStyles.row;
 export const INLINE_TITLE_GROUP_STYLE = inlineFormRowTitleStyles.group;
+export const InlineTitleListIcon = UnorderedListOutlined;
 export const INLINE_TITLE_SWITCH_GROUP_STYLE = Object.freeze({
   ...inlineFormRowTitleStyles.group,
   flex: "0 0 auto"
diff --git a/client/src/components/shop-employees/shop-employees-form.component.jsx b/client/src/components/shop-employees/shop-employees-form.component.jsx
index a47e577b3..5aed82b8e 100644
--- a/client/src/components/shop-employees/shop-employees-form.component.jsx
+++ b/client/src/components/shop-employees/shop-employees-form.component.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { useApolloClient, useMutation, useQuery } from "@apollo/client/react";
 import { useTreatmentsWithConfig } from "@splitsoftware/splitio-react";
 import { Button, Card, Col, Form, Input, InputNumber, Row, Select, Space, Switch } from "antd";
@@ -38,7 +38,8 @@ import {
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
   INLINE_TITLE_SWITCH_GROUP_STYLE,
-  INLINE_TITLE_TEXT_STYLE
+  INLINE_TITLE_TEXT_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 import ShopEmployeeAddVacation from "./shop-employees-add-vacation.component";
 import FormItemEmail from "../form-items-formatted/email-form-item.component.jsx";
@@ -92,13 +93,10 @@ export function ShopEmployeesFormComponent({ bodyshop, form, onDirtyChange, isDi
 
   const updateDirtyState = useCallback(
     (nextDirtyState) => {
-      if (typeof isDirty !== "boolean") {
-        setInternalIsDirty(nextDirtyState);
-      }
-
+      setInternalIsDirty(nextDirtyState);
       onDirtyChange?.(nextDirtyState);
     },
-    [isDirty, onDirtyChange]
+    [onDirtyChange]
   );
 
   const client = useApolloClient();
@@ -482,7 +480,7 @@ export function ShopEmployeesFormComponent({ bodyshop, form, onDirtyChange, isDi
                             noDivider
                             title={
                               <div style={INLINE_TITLE_ROW_STYLE}>
-                                <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                                <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                                 <div style={INLINE_TITLE_GROUP_STYLE}>
                                   <div style={INLINE_TITLE_LABEL_STYLE}>{t("employees.fields.cost_center")}</div>
                                   <Form.Item
diff --git a/client/src/components/shop-info/shop-info.general.component.jsx b/client/src/components/shop-info/shop-info.general.component.jsx
index 699ff2916..fa3a2c3af 100644
--- a/client/src/components/shop-info/shop-info.general.component.jsx
+++ b/client/src/components/shop-info/shop-info.general.component.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { Button, Col, Form, Input, InputNumber, Row, Select, Space, Switch } from "antd";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -19,7 +19,8 @@ import {
   INLINE_TITLE_LABEL_STYLE,
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
-  INLINE_TITLE_SWITCH_GROUP_STYLE
+  INLINE_TITLE_SWITCH_GROUP_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 
 const timeZonesList = Intl.supportedValuesOf("timeZone");
@@ -593,7 +594,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("bodyshop.fields.messaginglabel_short")}</div>
                                 <Form.Item
@@ -687,7 +688,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("bodyshop.fields.noteslabel_short")}</div>
                                 <Form.Item
@@ -781,7 +782,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("bodyshop.fields.partslocation")}</div>
                                 <Form.Item
@@ -885,7 +886,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("bodyshop.fields.md_ins_co.name")}</div>
                                 <Form.Item
@@ -1012,7 +1013,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("jobs.fields.est_ct_fn_short")}</div>
                                 <Form.Item noStyle name={[field.name, "est_ct_fn"]}>
@@ -1131,7 +1132,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("jobs.fields.ins_ct_fn_short")}</div>
                                 <Form.Item noStyle name={[field.name, "ins_ct_fn"]}>
@@ -1243,7 +1244,7 @@ export function ShopInfoGeneral({ form }) {
                             noDivider
                             title={
                               <div style={INLINE_TITLE_ROW_STYLE}>
-                                <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                                <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                                 <div style={INLINE_TITLE_GROUP_STYLE}>
                                   <div style={INLINE_TITLE_LABEL_STYLE}>{t("general.labels.label")}</div>
                                   <Form.Item
@@ -1397,7 +1398,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("general.labels.label")}</div>
                                 <Form.Item
@@ -1584,7 +1585,7 @@ export function ShopInfoGeneral({ form }) {
                           titleOnly
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("general.labels.label")}</div>
                                 <Form.Item
@@ -1679,7 +1680,7 @@ export function ShopInfoGeneral({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("general.labels.label")}</div>
                                 <Form.Item
diff --git a/client/src/components/shop-info/shop-info.intake.component.jsx b/client/src/components/shop-info/shop-info.intake.component.jsx
index cd0d80033..9a8b6bc12 100644
--- a/client/src/components/shop-info/shop-info.intake.component.jsx
+++ b/client/src/components/shop-info/shop-info.intake.component.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { Button, Form, Input, InputNumber, Select, Space, Switch } from "antd";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
@@ -15,7 +15,8 @@ import {
   INLINE_TITLE_LABEL_STYLE,
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
-  INLINE_TITLE_SWITCH_GROUP_STYLE
+  INLINE_TITLE_SWITCH_GROUP_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 
 const SelectorDiv = styled.div`
@@ -126,7 +127,7 @@ export default function ShopInfoIntakeChecklistComponent({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("jobs.fields.intake.name")}</div>
                                 <Form.Item
@@ -283,7 +284,7 @@ export default function ShopInfoIntakeChecklistComponent({ form }) {
                           noDivider
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("jobs.fields.intake.name")}</div>
                                 <Form.Item
diff --git a/client/src/components/shop-info/shop-info.laborrates.component.jsx b/client/src/components/shop-info/shop-info.laborrates.component.jsx
index 6f75d86e3..fccdaf73a 100644
--- a/client/src/components/shop-info/shop-info.laborrates.component.jsx
+++ b/client/src/components/shop-info/shop-info.laborrates.component.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { Button, Form, Input, Space } from "antd";
 import { useTranslation } from "react-i18next";
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
@@ -11,7 +11,8 @@ import {
   INLINE_TITLE_HANDLE_STYLE,
   INLINE_TITLE_INPUT_STYLE,
   INLINE_TITLE_LABEL_STYLE,
-  INLINE_TITLE_ROW_STYLE
+  INLINE_TITLE_ROW_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 
 export default function ShopInfoLaborRates() {
@@ -59,7 +60,7 @@ export default function ShopInfoLaborRates() {
                           noDivider={index === 0}
                           title={
                             <div style={INLINE_TITLE_ROW_STYLE}>
-                              <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                              <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                               <div style={INLINE_TITLE_GROUP_STYLE}>
                                 <div style={INLINE_TITLE_LABEL_STYLE}>{t("jobs.fields.labor_rate_desc")}</div>
                                 <Form.Item
diff --git a/client/src/components/shop-info/shop-info.parts-scan.jsx b/client/src/components/shop-info/shop-info.parts-scan.jsx
index e2676414a..03c55b937 100644
--- a/client/src/components/shop-info/shop-info.parts-scan.jsx
+++ b/client/src/components/shop-info/shop-info.parts-scan.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { Button, Col, Form, Input, Row, Select, Space, Switch } from "antd";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
@@ -13,7 +13,8 @@ import {
   INLINE_TITLE_LABEL_STYLE,
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
-  INLINE_TITLE_SWITCH_GROUP_STYLE
+  INLINE_TITLE_SWITCH_GROUP_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 import i18n from "i18next";
 
@@ -117,7 +118,7 @@ export default function ShopInfoPartsScan({ form }) {
                         noDivider
                         title={
                           <div style={INLINE_TITLE_ROW_STYLE}>
-                            <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                            <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                             <div style={INLINE_TITLE_GROUP_STYLE}>
                               <div style={INLINE_TITLE_LABEL_STYLE}>{t("bodyshop.fields.md_parts_scan.field")}</div>
                               <Form.Item
diff --git a/client/src/components/shop-info/shop-info.responsibilitycenters.component.jsx b/client/src/components/shop-info/shop-info.responsibilitycenters.component.jsx
index ee19d92e5..b8784a4bf 100644
--- a/client/src/components/shop-info/shop-info.responsibilitycenters.component.jsx
+++ b/client/src/components/shop-info/shop-info.responsibilitycenters.component.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { useTreatmentsWithConfig } from "@splitsoftware/splitio-react";
 import { Button, Col, DatePicker, Divider, Form, Input, InputNumber, Radio, Row, Select, Space, Switch } from "antd";
 import { useState } from "react";
@@ -22,7 +22,8 @@ import {
   INLINE_TITLE_LABEL_STYLE,
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
-  INLINE_TITLE_SWITCH_GROUP_STYLE
+  INLINE_TITLE_SWITCH_GROUP_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 import RbacWrapper from "../rbac-wrapper/rbac-wrapper.component";
 import ShopInfoResponsibilitycentersTaxesComponent from "./shop-info.responsibilitycenters.taxes.component";
@@ -741,7 +742,7 @@ export function ShopInfoResponsibilityCenterComponent({ bodyshop, form }) {
                                 noDivider
                                 title={
                                   <div style={INLINE_TITLE_ROW_STYLE}>
-                                    <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                                    <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                                     <div style={INLINE_TITLE_GROUP_STYLE}>
                                       <div style={INLINE_TITLE_LABEL_STYLE}>
                                         {t("bodyshop.fields.responsibilitycenter")}
@@ -889,7 +890,7 @@ export function ShopInfoResponsibilityCenterComponent({ bodyshop, form }) {
                                 noDivider
                                 title={
                                   <div style={INLINE_TITLE_ROW_STYLE}>
-                                    <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                                    <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                                     <div style={INLINE_TITLE_GROUP_STYLE}>
                                       <div style={INLINE_TITLE_LABEL_STYLE}>
                                         {t("bodyshop.fields.responsibilitycenter")}
@@ -3626,7 +3627,7 @@ export function ShopInfoResponsibilityCenterComponent({ bodyshop, form }) {
                                 noDivider
                                 title={
                                   <div style={INLINE_TITLE_ROW_STYLE}>
-                                    <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                                    <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                                     <div style={INLINE_TITLE_GROUP_STYLE}>
                                       <div style={INLINE_TITLE_LABEL_STYLE}>
                                         {t("bodyshop.fields.responsibilitycenters.sales_tax_codes.description")}
diff --git a/client/src/components/shop-info/shop-info.speedprint.component.jsx b/client/src/components/shop-info/shop-info.speedprint.component.jsx
index 4498170d1..7dedf39c4 100644
--- a/client/src/components/shop-info/shop-info.speedprint.component.jsx
+++ b/client/src/components/shop-info/shop-info.speedprint.component.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { Button, Form, Input, Select, Space } from "antd";
 import { useTranslation } from "react-i18next";
 import { TemplateList } from "../../utils/TemplateConstants";
@@ -12,7 +12,8 @@ import {
   INLINE_TITLE_INPUT_STYLE,
   INLINE_TITLE_LABEL_STYLE,
   INLINE_TITLE_ROW_STYLE,
-  INLINE_TITLE_SEPARATOR_STYLE
+  INLINE_TITLE_SEPARATOR_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 
@@ -60,7 +61,7 @@ export default function ShopInfoSpeedPrint() {
                         noDivider
                         title={
                           <div style={INLINE_TITLE_ROW_STYLE}>
-                            <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                            <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                             <div style={INLINE_TITLE_GROUP_STYLE}>
                               <div style={INLINE_TITLE_LABEL_STYLE}>{t("bodyshop.fields.speedprint.id")}</div>
                               <Form.Item
diff --git a/client/src/components/shop-teams/shop-employee-teams.form.component.jsx b/client/src/components/shop-teams/shop-employee-teams.form.component.jsx
index fa327453e..ea13402d5 100644
--- a/client/src/components/shop-teams/shop-employee-teams.form.component.jsx
+++ b/client/src/components/shop-teams/shop-employee-teams.form.component.jsx
@@ -1,4 +1,4 @@
-import { DeleteFilled, HolderOutlined } from "@ant-design/icons";
+import { DeleteFilled } from "@ant-design/icons";
 import { useMutation, useQuery } from "@apollo/client/react";
 import { Button, Card, Col, Form, Input, InputNumber, Row, Select, Skeleton, Space, Switch, Typography } from "antd";
 
@@ -24,7 +24,8 @@ import {
   INLINE_TITLE_LABEL_STYLE,
   INLINE_TITLE_ROW_STYLE,
   INLINE_TITLE_SEPARATOR_STYLE,
-  INLINE_TITLE_SWITCH_GROUP_STYLE
+  INLINE_TITLE_SWITCH_GROUP_STYLE,
+  InlineTitleListIcon
 } from "../layout-form-row/inline-form-row-title.utils.js";
 
 import {
@@ -87,13 +88,10 @@ export function ShopEmployeeTeamsFormComponent({ bodyshop, form, onDirtyChange,
 
   const updateDirtyState = useCallback(
     (nextDirtyState) => {
-      if (typeof isDirty !== "boolean") {
-        setInternalIsDirty(nextDirtyState);
-      }
-
+      setInternalIsDirty(nextDirtyState);
       onDirtyChange?.(nextDirtyState);
     },
-    [isDirty, onDirtyChange]
+    [onDirtyChange]
   );
 
   const clearTeamFormMeta = useCallback(() => {
@@ -376,7 +374,7 @@ export function ShopEmployeeTeamsFormComponent({ bodyshop, form, onDirtyChange,
                               grow
                               title={
                                 <div style={INLINE_TITLE_ROW_STYLE}>
-                                  <HolderOutlined style={INLINE_TITLE_HANDLE_STYLE} />
+                                  <InlineTitleListIcon style={INLINE_TITLE_HANDLE_STYLE} />
                                   <div style={INLINE_TITLE_GROUP_STYLE}>
                                     <div style={INLINE_TITLE_LABEL_STYLE}>{t("employee_teams.fields.employeeid")}</div>
                                     <Form.Item