reduce size of send tooltip icons

blockchain · May 1, 2019 · 4ddfb41 · 4ddfb41
1 parent 72c83cd
commit 4ddfb41
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 8 deletions.
diff --git a/packages/blockchain-info-components/src/Tooltip/TooltipIcon.js b/packages/blockchain-info-components/src/Tooltip/TooltipIcon.js
@@ -5,6 +5,7 @@ import { Icon } from '../Icons'
 const TooltipIcon = styled(Icon)`
   display: inline-flex;
   margin: 0px 5px;
+  font-size: ${props => (props.size ? props.size : '16px')};
 `
 
 export default TooltipIcon
diff --git a/packages/blockchain-wallet-v4-frontend/src/components/Tooltips/index.js b/packages/blockchain-wallet-v4-frontend/src/components/Tooltips/index.js
@@ -102,9 +102,9 @@ class Tooltips extends React.PureComponent {
             defaultMessage='Add a note to remind yourself what this transaction relates to. This note will be private and only seen by you.'
           />
         </Tooltip>
-        <Tooltip id='sendether.firststep.sharetooltip'>
+        <Tooltip id='sendeth.firststep.description'>
           <FormattedMessage
-            id='modals.sendether.firststep.sharetooltip'
+            id='modals.sendeth.firststep.description'
             defaultMessage='Add a note to remind yourself what this transaction relates to. This note will be private and only seen by you.'
           />
         </Tooltip>

diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/Bch/SendBch/FirstStep/template.success.js b/packages/blockchain-wallet-v4-frontend/src/modals/Bch/SendBch/FirstStep/template.success.js
@@ -172,7 +172,7 @@ const FirstStep = props => {
               defaultMessage='Description'
             />
             <TooltipHost id='sendBch.firststep.share_tooltip'>
-              <TooltipIcon name='question-in-circle' />
+              <TooltipIcon name='question-in-circle' size='12px' />
             </TooltipHost>
           </FormLabel>
           <Field

diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/Btc/SendBtc/FirstStep/template.success.js b/packages/blockchain-wallet-v4-frontend/src/modals/Btc/SendBtc/FirstStep/template.success.js
@@ -227,7 +227,7 @@ const FirstStep = props => {
               defaultMessage='Description'
             />
             <TooltipHost id='sendbtc.firststep.sharetooltip'>
-              <TooltipIcon name='question-in-circle' />
+              <TooltipIcon name='question-in-circle' size='12px' />
             </TooltipHost>
           </FormLabel>
           <Field

diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/Eth/SendEth/FirstStep/template.success.js b/packages/blockchain-wallet-v4-frontend/src/modals/Eth/SendEth/FirstStep/template.success.js
@@ -225,8 +225,8 @@ const FirstStep = props => {
               id='modals.sendeth.firststep.desc'
               defaultMessage='Description'
             />
-            <TooltipHost id='sendeth.firststep.sharetooltip'>
-              <TooltipIcon name='question-in-circle' />
+            <TooltipHost id='sendeth.firststep.description'>
+              <TooltipIcon name='question-in-circle' size='12px' />
             </TooltipHost>
           </FormLabel>
           <Field

diff --git a/packages/blockchain-wallet-v4-frontend/src/modals/Xlm/SendXlm/FirstStep/template.success.js b/packages/blockchain-wallet-v4-frontend/src/modals/Xlm/SendXlm/FirstStep/template.success.js
@@ -205,7 +205,7 @@ const FirstStep = props => {
                   defaultMessage='Memo'
                 />
                 <TooltipHost id='sendxlm.firststep.memotooltip'>
-                  <TooltipIcon name='question-in-circle' />
+                  <TooltipIcon name='question-in-circle' size='12px' />
                 </TooltipHost>
               </FormLabel>
               <MemoField>
@@ -235,7 +235,7 @@ const FirstStep = props => {
                   defaultMessage='Description'
                 />
                 <TooltipHost id='sendxlm.firststep.sharetooltip'>
-                  <TooltipIcon name='question-in-circle' />
+                  <TooltipIcon name='question-in-circle' size='12px' />
                 </TooltipHost>
               </FormLabel>
               <Field