update tooltip position

babylonlabs-io · Aug 16, 2024 · 7fd815d · 7fd815d
1 parent c784327
commit 7fd815d
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/src/app/components/Summary/Summary.tsx b/src/app/components/Summary/Summary.tsx
@@ -39,24 +39,13 @@ export const Summary: React.FC<SummaryProps> = ({
         </div>
         <div className="divider divider-horizontal xl:m-0" />
         <div className="flex flex-col gap-1 text-sm xl:flex-1 xl:flex-row xl:items-center xl:justify-center xl:gap-2 xl:text-base">
-          <p className="dark:text-neutral-content">Stakable Balance</p>
           <div className="flex items-center gap-1">
-            <FaBitcoin className="text-primary" size={16} />
-            {typeof btcWalletBalanceSat === "number" ? (
-              <p className="whitespace-nowrap font-semibold">
-                {maxDecimals(satoshiToBtc(btcWalletBalanceSat), 8)} {coinName}
-              </p>
-            ) : (
-              <LoadingSmall text="Loading..." />
-            )}
-          </div>
-          <div>
+            <p className="dark:text-neutral-content">Stakable Balance</p>
             <span
               className="cursor-pointer text-xs"
               data-tooltip-id={"tooltip-stakeable-balance"}
               data-tooltip-content={`Stakable balance only includes confirmed Bitcoin balance. 
               It does not include balance stemming from pending transactions.`}
-              data-tooltip-place="top"
             >
               <AiOutlineInfoCircle />
             </span>
@@ -65,6 +54,16 @@ export const Summary: React.FC<SummaryProps> = ({
               className="tooltip-wrap"
             />
           </div>
+          <div className="flex items-center gap-1">
+            <FaBitcoin className="text-primary" size={16} />
+            {typeof btcWalletBalanceSat === "number" ? (
+              <p className="whitespace-nowrap font-semibold">
+                {maxDecimals(satoshiToBtc(btcWalletBalanceSat), 8)} {coinName}
+              </p>
+            ) : (
+              <LoadingSmall text="Loading..." />
+            )}
+          </div>
           {!onMainnet && (
             <a
               href="https://discord.com/invite/babylonglobal"