From 9df926e447bb34f2fe7c8efdbd2bf7f9f1f0ea72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krzysztof=20Zi=C4=99cina?= <kziecina@airnauts.com>
Date: Wed, 7 Feb 2024 17:23:36 +0100
Subject: [PATCH] fix: move preference url below preference description (#3843)

---
 .../ApplicationMultiselectQuestionStep.tsx    | 41 ++++++++-----------
 1 file changed, 17 insertions(+), 24 deletions(-)

diff --git a/sites/public/src/components/applications/ApplicationMultiselectQuestionStep.tsx b/sites/public/src/components/applications/ApplicationMultiselectQuestionStep.tsx
index 2f36c7d394..d4653a730a 100644
--- a/sites/public/src/components/applications/ApplicationMultiselectQuestionStep.tsx
+++ b/sites/public/src/components/applications/ApplicationMultiselectQuestionStep.tsx
@@ -194,26 +194,6 @@ const ApplicationMultiselectQuestionStep = ({
       }
       return null
     }
-    if (question?.links) {
-      return (
-        <>
-          {strings?.subTitle ?? <p>{question?.description}</p>}
-          <div className="pt-4">
-            {question.links.map((link) => (
-              <a
-                key={link.url}
-                className="block text-base pt-2 text-blue-500 underline"
-                href={link.url}
-                target={"_blank"}
-                rel="noreferrer noopener"
-              >
-                {link.title}
-              </a>
-            ))}
-          </div>
-        </>
-      )
-    }
     return strings?.subTitle ?? question?.description
   }
 
@@ -265,10 +245,23 @@ const ApplicationMultiselectQuestionStep = ({
                 <fieldset>
                   <legend className="text__caps-spaced mb-4 sr-only">{question?.text}</legend>
                   {applicationSection === ApplicationSection.preferences && (
-                    <>
-                      <p className="text__caps-spaced">{question?.text}</p>
-                      <p className="field-note mb-8">{question?.description}</p>
-                    </>
+                    <div className="mb-8">
+                      <p className="text__caps-spaced m-0">{question?.text}</p>
+                      {question?.description && (
+                        <p className="field-note mt-3">{question?.description}</p>
+                      )}
+                      {question.links.map((link) => (
+                        <a
+                          key={link.url}
+                          className="block text-base mt-3 text-blue-500 underline"
+                          href={link.url}
+                          target={"_blank"}
+                          rel="noreferrer noopener"
+                        >
+                          {link.title}
+                        </a>
+                      ))}
+                    </div>
                   )}
                   <p className="field-note mb-8">
                     {t("application.household.preferredUnit.optionsLabel")}