From 6f4728398290d4266e39bf41ecd6ac9b80f3ca0a Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 7 Aug 2023 10:07:02 -0500
Subject: [PATCH] =?UTF-8?q?fix:=20tup-542=20(4)=20unpair=20link=20to=20rig?=
 =?UTF-8?q?ht=20=E2=86=92=20button=20underneath=20(#282)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: tup-542 (4) unpiar link → button under status

* style: nx format:write

---------

Co-authored-by: Jake Rosenberg <jrosenberg@tacc.utexas.edu>
---
 libs/tup-components/src/accounts/ManageAccount.module.css | 4 +---
 libs/tup-components/src/accounts/ManageAccountMfa.tsx     | 6 +++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/libs/tup-components/src/accounts/ManageAccount.module.css b/libs/tup-components/src/accounts/ManageAccount.module.css
index b61bb0012..a7edcdd8d 100644
--- a/libs/tup-components/src/accounts/ManageAccount.module.css
+++ b/libs/tup-components/src/accounts/ManageAccount.module.css
@@ -60,7 +60,5 @@
 }
 
 .mfa-options {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
+    /* no styles needed yet */
 }
diff --git a/libs/tup-components/src/accounts/ManageAccountMfa.tsx b/libs/tup-components/src/accounts/ManageAccountMfa.tsx
index 0461f5428..1b4b246e0 100644
--- a/libs/tup-components/src/accounts/ManageAccountMfa.tsx
+++ b/libs/tup-components/src/accounts/ManageAccountMfa.tsx
@@ -40,7 +40,7 @@ const MfaUnpair: React.FC<{ pairing: MfaTokenResponse }> = ({ pairing }) => {
   };
   return (
     <>
-      <Button type="link" onClick={() => toggle()}>
+      <Button type="secondary" onClick={() => toggle()}>
         Unpair
       </Button>
       <Modal
@@ -153,9 +153,9 @@ export const AccountMfa: React.FC = () => {
       )}
       {hasPairing && data.token && (
         <div className={styles['mfa-options']}>
-          <span>
+          <p>
             {TOKEN_TYPE[data.token.tokentype]} ({data.token.serial})
-          </span>
+          </p>
           <MfaUnpair pairing={data} />
         </div>
       )}