cleanup

src/components/organisms/AssetActions/Pool/PoolStatistics.module.css

@@ -1,15 +1,3 @@
-.tokeninfo {
-  margin-top: calc(var(--spacer) / 1.5);
-}
-
-.tokens {
-  composes: tokens from './index.module.css';
-}
-
-.title {
-  composes: title from './index.module.css';
-}
-
 .totalLiquidity {
   composes: totalLiquidity from './index.module.css';
 }

src/components/organisms/AssetActions/Pool/TokenList.module.css

@@ -11,6 +11,7 @@
 .title {
   font-size: var(--font-size-base);
   margin-bottom: calc(var(--spacer) / 3);
+  color: var(--color-secondary);
 }
 
 .highlight {

src/components/organisms/AssetActions/Pool/index.module.css

@@ -27,7 +27,7 @@
   font-weight: var(--font-weight-base) !important;
   font-size: var(--font-size-small);
   padding-left: var(--font-size-base);
-  min-height: 24px;
+  padding-top: calc(var(--spacer) / 10);
 }
 
 .totalLiquidity strong {

src/components/organisms/AssetActions/Pool/index.tsx

@@ -163,10 +163,12 @@ export default function Pool({ ddo }: { ddo: DDO }): ReactElement {
               <Token symbol="pool shares" balance={poolTokens} noIcon />
               <Token symbol="% of pool" balance={poolShare} noIcon />
             </div>
-            <Conversion
+            {totalUserLiquidityInOcean > 0 && (
-              price={`${totalUserLiquidityInOcean}`}
+              <Conversion
-              className={styles.totalLiquidity}
+                price={`${totalUserLiquidityInOcean}`}
-            />
+                className={styles.totalLiquidity}
+              />
+            )}
           </TokenList>
 
           <PoolStatistics