de-emphasise multiple bonds

joinmarket-webui · May 16, 2024 · e546ad0 · e546ad0
1 parent ad55c63
commit e546ad0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/fb/CreateFidelityBond.module.css b/src/components/fb/CreateFidelityBond.module.css
@@ -53,12 +53,11 @@
 .headerWhenBondAlreadyExists {
   display: flex;
   flex-direction: column;
-  padding: 0.5rem;
+  padding: 0.4rem;
   cursor: pointer;
 }
 
 .headerWhenBondAlreadyExists .title {
-  width: 100%;
   font-size: 0.8rem;
   color: var(--bs-body-color);
 }

diff --git a/src/components/fb/CreateFidelityBond.tsx b/src/components/fb/CreateFidelityBond.tsx
@@ -648,14 +648,14 @@ const CreateFidelityBond = ({ otherFidelityBondExists, wallet, walletInfo, onDon
       {otherFidelityBondExists ? (
         <div className={styles.containerWhenBondAlreadyExists}>
           <div className={styles.headerWhenBondAlreadyExists} onClick={() => setIsExpanded(!isExpanded)}>
-            <div className="d-flex justify-content-between align-items-center">
+            <div className="d-flex justify-content-around align-items-center">
               <div className={styles.title}>{t('earn.fidelity_bond.title_fidelity_bond_exists')}</div>
-              <Sprite symbol={isExpanded ? 'caret-up' : 'plus'} width="20" height="20" />
+              <Sprite symbol={isExpanded ? 'caret-up' : 'plus'} width="15" height="15" />
             </div>
             {/* <div className={styles.subtitle}>
               <Trans i18nKey="earn.fidelity_bond.subtitle_fidelity_bond_exists">
                 <a
-                onClick={(e) => e.stopPropagation()}
+                onClick={(e) => e.stopPropagation()} 
                 rel="noopener noreferrer"
                 href="https://github.com/JoinMarket-Org/joinmarket-clientserver/blob/master/docs/fidelity-bonds.md#what-amount-of-bitcoins-to-lock-up-and-for-how-long"
                 >