Merge pull request #4847 from DTS-STN/seb/fix-tw-class

fix(frontend): `w-full` tw class

Author: sebcomeau

frontend/app/routes/protected/application/spokes/child-federal-provincial-territorial-benefits.tsx

@@ -287,7 +287,7 @@ export default function ChildFederalProvincialTerritorialBenefits({ loaderData,
                       <InputSelect
                         id="province"
                         name="province"
-                        className="w-intake sm:w-1/2"
+                        className="w-full sm:w-1/2"
                         label={t('protected-application-spokes:children.dental-benefits.provincial-territorial-benefits.social-programs.input-legend')}
                         onChange={handleOnRegionChanged}
                         options={[

frontend/app/routes/protected/application/spokes/child-information.tsx

@@ -314,7 +314,7 @@ export default function ChildInformation({ loaderData, params }: Route.Component
                 id="first-name"
                 name="firstName"
                 label={t('protected-application-spokes:children.information.first-name')}
-                className="w-intake"
+                className="w-full"
                 maxLength={100}
                 aria-description={t('protected-application-spokes:children.information.name-instructions')}
                 autoComplete="given-name"
@@ -326,7 +326,7 @@ export default function ChildInformation({ loaderData, params }: Route.Component
                 id="last-name"
                 name="lastName"
                 label={t('protected-application-spokes:children.information.last-name')}
-                className="w-intake"
+                className="w-full"
                 maxLength={100}
                 autoComplete="family-name"
                 defaultValue={defaultState?.lastName ?? ''}

frontend/app/routes/protected/application/spokes/email.tsx

@@ -159,7 +159,7 @@ export default function ApplicationEmail({ loaderData, params }: Route.Component
               name="email"
               type="email"
               inputMode="email"
-              className="w-intake"
+              className="w-full"
               autoComplete="email"
               defaultValue={defaultState}
               errorMessage={errors?.email}

frontend/app/routes/protected/application/spokes/federal-provincial-territorial-benefits.tsx

@@ -269,7 +269,7 @@ export default function ApplicationSpokeFederalProvincialTerritorialBenefits({ l
                       <InputSelect
                         id="province"
                         name="province"
-                        className="w-intake sm:w-1/2"
+                        className="w-full sm:w-1/2"
                         label={t('protected-application-spokes:dental-benefits.provincial-territorial-benefits.social-programs.input-legend')}
                         onChange={handleOnRegionChanged}
                         options={[

frontend/app/routes/protected/application/spokes/home-address.tsx

@@ -256,7 +256,7 @@ export default function HomeAddress({ loaderData, params }: Route.ComponentProps
               <InputSanitizeField
                 id="home-address"
                 name="address"
-                className="w-intake"
+                className="w-full"
                 label={t('protected-application-spokes:address.address-field.address')}
                 helpMessagePrimary={t('protected-application-spokes:address.address-field.address-help')}
                 helpMessagePrimaryClassName="text-black"
@@ -269,7 +269,7 @@ export default function HomeAddress({ loaderData, params }: Route.ComponentProps
               <InputSanitizeField
                 id="home-apartment"
                 name="apartment"
-                className="w-intake"
+                className="w-full"
                 label={t('protected-application-spokes:address.address-field.apartment')}
                 maxLength={100}
                 helpMessagePrimary={t('protected-application-spokes:address.address-field.apartment-help')}
@@ -282,7 +282,7 @@ export default function HomeAddress({ loaderData, params }: Route.ComponentProps
                 <InputSanitizeField
                   id="home-city"
                   name="city"
-                  className="w-intake"
+                  className="w-full"
                   label={t('protected-application-spokes:address.address-field.city')}
                   maxLength={100}
                   autoComplete="address-level2"
@@ -293,7 +293,7 @@ export default function HomeAddress({ loaderData, params }: Route.ComponentProps
                 <InputSanitizeField
                   id="home-postal-code"
                   name="postalZipCode"
-                  className="w-intake"
+                  className="w-full"
                   label={isPostalCodeRequired ? t('protected-application-spokes:address.address-field.postal-code') : t('protected-application-spokes:address.address-field.postal-code-optional')}
                   maxLength={100}
                   autoComplete="postal-code"
@@ -306,7 +306,7 @@ export default function HomeAddress({ loaderData, params }: Route.ComponentProps
                 <InputSelect
                   id="home-province"
                   name="provinceStateId"
-                  className="w-intake sm:w-1/2"
+                  className="w-full sm:w-1/2"
                   label={t('protected-application-spokes:address.address-field.province')}
                   defaultValue={defaultState.province}
                   errorMessage={errors?.provinceStateId}
@@ -317,7 +317,7 @@ export default function HomeAddress({ loaderData, params }: Route.ComponentProps
               <InputSelect
                 id="home-country"
                 name="countryId"
-                className="w-intake sm:w-1/2"
+                className="w-full sm:w-1/2"
                 label={t('protected-application-spokes:address.address-field.country')}
                 autoComplete="country"
                 defaultValue={defaultState.country ?? ''}

frontend/app/routes/protected/application/spokes/mailing-address.tsx

@@ -294,7 +294,7 @@ export default function MailingAddress({ loaderData, params }: Route.ComponentPr
                 <InputSanitizeField
                   id="mailing-address"
                   name="address"
-                  className="w-intake"
+                  className="w-full"
                   label={t('protected-application-spokes:address.address-field.address')}
                   maxLength={100}
                   helpMessagePrimary={t('protected-application-spokes:address.address-field.address-help')}
@@ -307,7 +307,7 @@ export default function MailingAddress({ loaderData, params }: Route.ComponentPr
                 <InputSanitizeField
                   id="mailing-apartment"
                   name="apartment"
-                  className="w-intake"
+                  className="w-full"
                   label={t('protected-application-spokes:address.address-field.apartment')}
                   maxLength={100}
                   helpMessagePrimary={t('protected-application-spokes:address.address-field.apartment-help')}
@@ -320,7 +320,7 @@ export default function MailingAddress({ loaderData, params }: Route.ComponentPr
                   <InputSanitizeField
                     id="mailing-city"
                     name="city"
-                    className="w-intake"
+                    className="w-full"
                     label={t('protected-application-spokes:address.address-field.city')}
                     maxLength={100}
                     autoComplete="address-level2"
@@ -331,7 +331,7 @@ export default function MailingAddress({ loaderData, params }: Route.ComponentPr
                   <InputSanitizeField
                     id="mailing-postal-code"
                     name="postalZipCode"
-                    className="w-intake"
+                    className="w-full"
                     label={isPostalCodeRequired ? t('protected-application-spokes:address.address-field.postal-code') : t('protected-application-spokes:address.address-field.postal-code-optional')}
                     maxLength={100}
                     autoComplete="postal-code"
@@ -345,7 +345,7 @@ export default function MailingAddress({ loaderData, params }: Route.ComponentPr
                   <InputSelect
                     id="mailing-province"
                     name="provinceStateId"
-                    className="w-intake sm:w-1/2"
+                    className="w-full sm:w-1/2"
                     label={t('protected-application-spokes:address.address-field.province')}
                     defaultValue={defaultState.province}
                     errorMessage={errors?.provinceStateId}
@@ -356,7 +356,7 @@ export default function MailingAddress({ loaderData, params }: Route.ComponentPr
                 <InputSelect
                   id="mailing-country"
                   name="countryId"
-                  className="w-intake sm:w-1/2"
+                  className="w-full sm:w-1/2"
                   label={t('protected-application-spokes:address.address-field.country')}
                   autoComplete="country"
                   defaultValue={defaultState.country}

frontend/app/routes/protected/application/spokes/phone-number.tsx

@@ -145,7 +145,7 @@ export default function PhoneNumber({ loaderData, params }: Route.ComponentProps
                 name="phoneNumber"
                 type="tel"
                 inputMode="tel"
-                className="w-intake"
+                className="w-full"
                 autoComplete="tel"
                 defaultValue={defaultState.phoneNumber ?? ''}
                 errorMessage={errors?.phoneNumber}
@@ -158,7 +158,7 @@ export default function PhoneNumber({ loaderData, params }: Route.ComponentProps
                 name="phoneNumberAlt"
                 type="tel"
                 inputMode="tel"
-                className="w-intake"
+                className="w-full"
                 autoComplete="tel"
                 defaultValue={defaultState.phoneNumberAlt ?? ''}
                 errorMessage={errors?.phoneNumberAlt}

frontend/app/routes/protected/application/spokes/verify-email.tsx

@@ -218,7 +218,7 @@ export default function ApplicationVerifyEmail({ loaderData, params }: Route.Com
               <InputField
                 id="verification-code"
                 name="verificationCode"
-                className="w-intake"
+                className="w-full"
                 errorMessage={errors?.verificationCode}
                 label={t('protected-application-spokes:verify-email.verification-code-label')}
                 aria-describedby="verification-code"