fix: replace wrong h3 tags with p tags for questions

Signed-off-by: Raphael Arce <[email protected]>
technologiestiftung · Mar 1, 2024 · 1b84933 · 1b84933
1 parent 9533eb7
commit 1b84933
Show file tree

Hide file tree

Showing 14 changed files with 40 additions and 40 deletions.
diff --git a/src/components/forms/first-registration/has-child.tsx b/src/components/forms/first-registration/has-child.tsx
@@ -34,15 +34,15 @@ export function HasChild() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q4", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q4", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q4.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
 
         <div className="flex flex-col gap-1">
           {options.map((option) => {

diff --git a/src/components/forms/first-registration/is-married.tsx b/src/components/forms/first-registration/is-married.tsx
@@ -34,15 +34,15 @@ export function IsMarried() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q2", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q2", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q2.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "first-registration.q2.radio";

diff --git a/src/components/forms/first-registration/is-registering-child.tsx b/src/components/forms/first-registration/is-registering-child.tsx
@@ -38,15 +38,15 @@ export function IsRegisteringChild() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q5", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q5", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q5.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "first-registration.q5.radio";

diff --git a/src/components/forms/first-registration/is-registering-more-than-two.tsx b/src/components/forms/first-registration/is-registering-more-than-two.tsx
@@ -38,15 +38,15 @@ export function IsRegisteringMoreThanTwo() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q6", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q6", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q6.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "first-registration.q6.radio";

diff --git a/src/components/forms/first-registration/is-registering-spouse.tsx b/src/components/forms/first-registration/is-registering-spouse.tsx
@@ -39,7 +39,7 @@ export function IsRegisteringSpouse() {
     >
       <div className="flex flex-col gap-4">
         <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q3", language)}
+          <p>{t("first-registration.q3", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q3.tooltip", language)}

diff --git a/src/components/forms/nationality/is-european.tsx b/src/components/forms/nationality/is-european.tsx
@@ -34,15 +34,15 @@ export function IsEuropean() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q3", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q3", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q3.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q3.radio";

diff --git a/src/components/forms/nationality/is-german-under-16.tsx b/src/components/forms/nationality/is-german-under-16.tsx
@@ -36,15 +36,15 @@ export function IsGermanUnder16() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q2", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q2", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q2.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q2.radio";

diff --git a/src/components/forms/nationality/is-german.tsx b/src/components/forms/nationality/is-german.tsx
@@ -34,15 +34,15 @@ export function IsGerman() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q1", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q1", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q1.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q1.radio";

diff --git a/src/components/forms/nationality/is-non-german-under-16.tsx b/src/components/forms/nationality/is-non-german-under-16.tsx
@@ -38,15 +38,15 @@ export function IsNonGermanUnder16() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q4", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q4", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q4.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q4.radio";

diff --git a/src/components/forms/nationality/is-refugee.tsx b/src/components/forms/nationality/is-refugee.tsx
@@ -34,15 +34,15 @@ export function IsRefugee() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q5", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q5", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q5.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q5.radio";

diff --git a/src/components/forms/other-residence/has-other-residence.tsx b/src/components/forms/other-residence/has-other-residence.tsx
@@ -38,15 +38,15 @@ export function HasOtherResidence() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q1", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q1", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q1.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q1.radio";

diff --git a/src/components/forms/other-residence/is-other-residence-abroad.tsx b/src/components/forms/other-residence/is-other-residence-abroad.tsx
@@ -38,15 +38,15 @@ export function IsOtherResidenceAbroad() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q2", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q2", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q2.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q2.radio";

diff --git a/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx b/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx
@@ -40,15 +40,15 @@ export function IsRegisteringForMoreThanSixMonths() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q4", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q4", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q4.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q4.radio";

diff --git a/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx b/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx
@@ -40,15 +40,15 @@ export function IsRegisteringForMoreThanThreeMonths() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q3", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q3", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q3.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q3.radio";