From f0629fa4d34ffe4bc8f68a4113715bb52c9a094b Mon Sep 17 00:00:00 2001
From: Emmanuelle Bonnemay <emmanuelle.bonnemay@pix.fr>
Date: Wed, 6 Nov 2024 16:46:56 +0100
Subject: [PATCH] refactor(mon-pix): adjust support link on reset demand form.

---
 .../password-reset-demand-form.gjs            | 17 +++++---------
 .../password-reset-demand.scss                | 23 +++++++++++--------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand-form.gjs b/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand-form.gjs
index 2d543f49e92..b9e7eeee5ab 100644
--- a/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand-form.gjs
+++ b/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand-form.gjs
@@ -1,5 +1,4 @@
 import PixButton from '@1024pix/pix-ui/components/pix-button';
-import PixButtonLink from '@1024pix/pix-ui/components/pix-button-link';
 import PixInput from '@1024pix/pix-ui/components/pix-input';
 import PixMessage from '@1024pix/pix-ui/components/pix-message';
 import { on } from '@ember/modifier';
@@ -114,17 +113,13 @@ export default class PasswordResetDemandForm extends Component {
           </PixButton>
         </div>
 
-        <p class="authentication-password-reset-demand-form__help">
-          {{t "components.authentication.password-reset-demand-form.no-email-question"}}
-          <PixButtonLink
-            @variant="tertiary"
-            @href="{{t 'components.authentication.password-reset-demand-form.contact-us-link.link-url'}}"
-            target="_blank"
-            class="authentication-password-reset-demand-form__help-contact-us-link"
-          >
+        <section class="authentication-password-reset-demand-form__help">
+          <h2>
+            {{t "components.authentication.password-reset-demand-form.no-email-question"}}</h2>
+          <a href="{{t 'components.authentication.password-reset-demand-form.contact-us-link.link-url'}}">
             {{t "components.authentication.password-reset-demand-form.contact-us-link.link-text"}}
-          </PixButtonLink>
-        </p>
+          </a>
+        </section>
       </form>
     {{/if}}
   </template>
diff --git a/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand.scss b/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand.scss
index 7a15dbe0966..b0fb2fcba82 100644
--- a/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand.scss
+++ b/mon-pix/app/components/authentication/password-reset-demand/password-reset-demand.scss
@@ -27,17 +27,22 @@
     }
 
     &__help {
-        @extend %pix-body-s;
+      @extend %pix-body-m;
 
-        margin-top: var(--pix-spacing-4x);
-        color: var(--pix-neutral-70);
-        text-align: center;
-    }
+      display: flex;
+      gap: var(--pix-spacing-2x);
+      margin-top: var(--pix-spacing-8x);
+      color: var(--pix-neutral-500);
+
+      > a {
+        color: var(--pix-neutral-800);
+        font-weight: var(--pix-font-bold);
+        text-decoration: underline;
+      }
 
-    &__help-contact-us-link {
-        display: inline;
-        padding: 0;
     }
+
+
 }
 
 .authentication-password-reset-demand-received-info {
@@ -65,4 +70,4 @@
 
         margin-top: var(--pix-spacing-4x);
     }
-}
\ No newline at end of file
+}