diff --git a/src/components/organisms/AssetActions/Pool/Remove.module.css b/src/components/organisms/AssetActions/Pool/Remove.module.css index 3c7e54727..360910e0a 100644 --- a/src/components/organisms/AssetActions/Pool/Remove.module.css +++ b/src/components/organisms/AssetActions/Pool/Remove.module.css @@ -1,11 +1,7 @@ .removeInput { composes: addInput from './Add.module.css'; -} - -.buttonMax { - composes: buttonMax from './Add.module.css'; - bottom: -1rem; - right: 0; + padding-left: calc(var(--spacer) * 2); + padding-right: calc(var(--spacer) * 2); } .userLiquidity { @@ -23,3 +19,7 @@ .range input { width: 100%; } + +.range p { + margin-bottom: 0; +} diff --git a/src/components/organisms/AssetActions/Pool/Remove.tsx b/src/components/organisms/AssetActions/Pool/Remove.tsx index 12f6b095f..c16279bd1 100644 --- a/src/components/organisms/AssetActions/Pool/Remove.tsx +++ b/src/components/organisms/AssetActions/Pool/Remove.tsx @@ -6,6 +6,7 @@ import { toast } from 'react-toastify' import Actions from './Actions' import { Logger } from '@oceanprotocol/lib' import Token from './Token' +import FormHelp from '../../../atoms/Input/Help' export default function Remove({ setShowRemove, @@ -84,6 +85,10 @@ export default function Remove({ value={amountPercent} onChange={handleAmountPercentChange} /> + + Set the amount of your pool shares to spend. You will get the + equivalent value in OCEAN. +