From 508e4f7165720fc141e4b3dc50b03da456134144 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 19 Aug 2020 22:12:28 +0200
Subject: [PATCH] place some tooltips

---
 src/components/atoms/Tooltip.module.css              | 4 ++--
 src/components/organisms/AssetActions/Pool/index.tsx | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/atoms/Tooltip.module.css b/src/components/atoms/Tooltip.module.css
index 57732f1d8..f32e2eec3 100644
--- a/src/components/atoms/Tooltip.module.css
+++ b/src/components/atoms/Tooltip.module.css
@@ -11,8 +11,8 @@
 }
 
 .icon {
-  width: 15px;
-  height: 15px;
+  width: 1rem;
+  height: 1rem;
   cursor: help;
   display: inline-block;
   margin-bottom: -0.1rem;
diff --git a/src/components/organisms/AssetActions/Pool/index.tsx b/src/components/organisms/AssetActions/Pool/index.tsx
index bb6dab71d..a549d1601 100644
--- a/src/components/organisms/AssetActions/Pool/index.tsx
+++ b/src/components/organisms/AssetActions/Pool/index.tsx
@@ -8,6 +8,7 @@ import Loader from '../../../atoms/Loader'
 import Button from '../../../atoms/Button'
 import Add from './Add'
 import Remove from './Remove'
+import Tooltip from '../../../atoms/Tooltip'
 
 interface Balance {
   ocean: string
@@ -94,11 +95,15 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
           <div className={styles.dataToken}>
             <PriceUnit price="1" symbol={dtSymbol} /> ={' '}
             <PriceUnit price={dtPrice} />
+            <Tooltip content="Explain how this price is determined..." />
           </div>
 
           <div className={styles.poolTokens}>
             <div className={styles.tokens}>
-              <h3 className={styles.title}>Your Pool Share</h3>
+              <h3 className={styles.title}>
+                Your Pool Share{' '}
+                <Tooltip content="Explain what this represents, advantage of providing liquidity..." />
+              </h3>
               <Token symbol="OCEAN" balance={userBalance.ocean} />
               <Token symbol={dtSymbol} balance={userBalance.dt} />
               <Token symbol="%" balance={poolShare} />