From a5bc73f4d3bb2699cc69fbe185c81dbbbf688439 Mon Sep 17 00:00:00 2001
From: Waheed Ahmed <waheed.ahmed@arbisoft.com>
Date: Thu, 12 Nov 2020 17:22:22 +0500
Subject: [PATCH] Fix need help signing in button styling.

---
 .../__snapshots__/ForgotPasswordPage.test.jsx.snap   |  6 ++----
 src/logistration/LoginHelpLinks.jsx                  |  5 ++---
 .../tests/__snapshots__/LoginPage.test.jsx.snap      | 12 ++++--------
 3 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/forgot-password/tests/__snapshots__/ForgotPasswordPage.test.jsx.snap b/src/forgot-password/tests/__snapshots__/ForgotPasswordPage.test.jsx.snap
index 60102efc..9468f6ac 100644
--- a/src/forgot-password/tests/__snapshots__/ForgotPasswordPage.test.jsx.snap
+++ b/src/forgot-password/tests/__snapshots__/ForgotPasswordPage.test.jsx.snap
@@ -69,8 +69,7 @@ exports[`ForgotPasswordPage should match default section snapshot 1`] = `
           The email address you used to register with edX.
         </p>
         <button
-          className="mt-0 field-link btn btn-primary"
-          disabled={false}
+          className="mt-1 field-link"
           onClick={[Function]}
           type="button"
         >
@@ -220,8 +219,7 @@ exports[`ForgotPasswordPage should match forbidden section snapshot 1`] = `
           The email address you used to register with edX.
         </p>
         <button
-          className="mt-0 field-link btn btn-primary"
-          disabled={false}
+          className="mt-1 field-link"
           onClick={[Function]}
           type="button"
         >
diff --git a/src/logistration/LoginHelpLinks.jsx b/src/logistration/LoginHelpLinks.jsx
index 1377d54f..e5bdeeff 100644
--- a/src/logistration/LoginHelpLinks.jsx
+++ b/src/logistration/LoginHelpLinks.jsx
@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { Button } from '@edx/paragon';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCaretDown, faCaretRight } from '@fortawesome/free-solid-svg-icons';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
@@ -49,11 +48,11 @@ const LoginHelpLinks = (props) => {
 
   return (
     <>
-      <Button className="mt-0 field-link" onClick={toggleLoginHelp}>
+      <button type="button" className="mt-1 field-link" onClick={toggleLoginHelp}>
         <FontAwesomeIcon className="mr-1" icon={showLoginHelp ? faCaretDown : faCaretRight} />
         {getHelpButtonMessage()}
 
-      </Button>
+      </button>
       <SwitchContent
         expression={showLoginHelp ? 'showHelp' : 'default'}
         cases={{
diff --git a/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap b/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap
index 86d7bcd2..ad92767b 100644
--- a/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap
+++ b/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap
@@ -111,8 +111,7 @@ exports[`LoginPage should match default section snapshot 1`] = `
           </div>
         </div>
         <button
-          className="mt-0 field-link btn btn-primary"
-          disabled={false}
+          className="mt-1 field-link"
           onClick={[Function]}
           type="button"
         >
@@ -356,8 +355,7 @@ exports[`LoginPage should match forget password alert message snapshot 1`] = `
           </div>
         </div>
         <button
-          className="mt-0 field-link btn btn-primary"
-          disabled={false}
+          className="mt-1 field-link"
           onClick={[Function]}
           type="button"
         >
@@ -624,8 +622,7 @@ exports[`LoginPage should show error message on 400 1`] = `
           </div>
         </div>
         <button
-          className="mt-0 field-link btn btn-primary"
-          disabled={false}
+          className="mt-1 field-link"
           onClick={[Function]}
           type="button"
         >
@@ -900,8 +897,7 @@ exports[`LoginPage should show error message on 400 on receiving link 1`] = `
           </div>
         </div>
         <button
-          className="mt-0 field-link btn btn-primary"
-          disabled={false}
+          className="mt-1 field-link"
           onClick={[Function]}
           type="button"
         >