fix: tup-542 (4) unpair link to right → button underneath (#282)

* fix: tup-542 (4) unpiar link → button under status * style: nx format:write --------- Co-authored-by: Jake Rosenberg <[email protected]>
TACC · Aug 7, 2023 · 6f47283 · 6f47283
1 parent e7f67c0
commit 6f47283
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git 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
@@ -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>
       )}