fix(webform): HCD feedback for ABP 1 and 2a (#746)

* Update copy to match wireframe * Align radio buttons and text * Restores padding for icons on the right * Ensure 1px horizontal divider always visible
Enterprise-CMCS · Sep 10, 2024 · 50dfcfb · 50dfcfb
1 parent ac38e3d
commit 50dfcfb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 15 deletions.
diff --git a/lib/libs/webforms/ABP1/v202402.ts b/lib/libs/webforms/ABP1/v202402.ts
@@ -574,7 +574,7 @@ export const v202402: FormSchema = {
                                                     label:
                                                       "Is there an additional incremental amount?",
                                                     labelClassName:
-                                                      "font-bold mt-3",
+                                                      "font-bold",
                                                     horizontalLayout: true,
 
                                                     props: {
@@ -735,7 +735,7 @@ export const v202402: FormSchema = {
                                                         label:
                                                           "Is there an additional incremental amount?",
                                                         labelClassName:
-                                                          "font-bold mt-3",
+                                                          "font-bold",
                                                         horizontalLayout: true,
 
                                                         props: {
@@ -907,7 +907,7 @@ export const v202402: FormSchema = {
                                                         label:
                                                           "Is there an additional incremental amount?",
                                                         labelClassName:
-                                                          "font-bold mt-3",
+                                                          "font-bold",
                                                         horizontalLayout: true,
 
                                                         props: {
@@ -1079,7 +1079,7 @@ export const v202402: FormSchema = {
                                                         label:
                                                           "Is there an additional incremental amount?",
                                                         labelClassName:
-                                                          "font-bold mt-3",
+                                                          "font-bold",
                                                         horizontalLayout: true,
 
                                                         props: {

diff --git a/lib/libs/webforms/ABP2A/v202401.ts b/lib/libs/webforms/ABP2A/v202401.ts
@@ -19,15 +19,10 @@ export const v202401: FormSchema = {
               descriptionAbove: true,
               description: [
                 {
-                  text: "The state/territory has fully aligned its EHB-defined Alternative Benefit Plan (ABP) benefits with its approved Medicaid state plan.",
+                  text: "The state/territory has fully aligned its EHB-defined Alternative Benefit Plan (ABP) benefits with its approved Medicaid state plan; therefore, the state/territory meets the requirements for voluntary choice of benefit package for individuals exempt from mandatory participation in a Section 1937 ABP.",
                   type: "default",
                   classname: "font-bold block pb-1",
                 },
-                {
-                  text: "Therefore, the state/territory meets the requirements for voluntary choice of benefit package for individuals exempt from mandatory participation in a Section 1937 ABP.",
-                  type: "default",
-                  classname: "font-bold block pt-4",
-                },
               ],
               rules: {
                 required: "* Required",

diff --git a/react-app/src/components/RHF/FieldArray.tsx b/react-app/src/components/RHF/FieldArray.tsx
@@ -26,11 +26,11 @@ export const RHFFieldArray = <TFields extends FieldValues>(
   }, [fieldArr, props.fields]);
 
   return (
-    <div className={"flex flex-col gap-4 w-full"}>
+    <div className={"flex flex-col gap-3 w-full"}>
       {fieldArr.fields.map((FLD, index) => {
         return (
           <div
-            className={cn("flex flex-row gap-3 ", props.fieldArrayClassName)}
+            className={cn("flex flex-row gap-5", props.fieldArrayClassName)}
             key={FLD.id}
           >
             {props.fields.map((SLOT, i) => {
@@ -64,13 +64,13 @@ export const RHFFieldArray = <TFields extends FieldValues>(
                 {props.removeText ?? "Remove Group"}
               </Button>
             )}
-            {fieldArr.fields.length > 1 && props.divider && (
-              <div className="w-full border-slate-300 border-2" />
+            {props.divider && (
+              <div className="w-full border-slate-300 border-b-[1px]" />
             )}
           </div>
         );
       })}
-      <div className={cn("flex items-center mt-2", props.appendClassName)}>
+      <div className={cn("flex items-center mt-3", props.appendClassName)}>
         <Button
           type="button"
           size="sm"