refactor(mon-pix): adjust support link on reset demand form.

1024pix · Nov 7, 2024 · f0629fa · f0629fa
1 parent 3597503
commit f0629fa
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 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
@@ -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
@@ -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);
     }
-}
+}