From 3ff8871629932aa345f58eb815169ea23b31c037 Mon Sep 17 00:00:00 2001 From: Vladimir Volek Date: Wed, 26 Sep 2018 16:59:50 +0200 Subject: [PATCH] Adjust other input heights and textarea --- src/components/Select/index.js | 2 +- src/components/Textarea/index.js | 2 +- src/components/inputs/Input/index.js | 2 +- src/views/Wallet/views/Account/Receive/index.js | 3 ++- src/views/Wallet/views/Account/Send/index.js | 4 ++-- 5 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/components/Select/index.js b/src/components/Select/index.js index 5e94cdd3..5c6bef36 100644 --- a/src/components/Select/index.js +++ b/src/components/Select/index.js @@ -13,7 +13,7 @@ const styles = isSearchable => ({ control: (base, { isDisabled }) => ({ ...base, minHeight: 'initial', - height: '100%', + height: '40px', borderRadius: '2px', borderColor: colors.DIVIDER, boxShadow: 'none', diff --git a/src/components/Textarea/index.js b/src/components/Textarea/index.js index cdc9eb9a..05e4719c 100644 --- a/src/components/Textarea/index.js +++ b/src/components/Textarea/index.js @@ -15,7 +15,7 @@ const disabledColor = colors.TEXT_PRIMARY; const StyledTextarea = styled.textarea` width: 100%; - padding: 6px 12px; + padding: 12px; box-sizing: border-box; min-height: 25px; border: ${props => (props.isError ? `1px solid ${colors.ERROR_PRIMARY}` : `1px solid ${colors.DIVIDER}`)}; diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js index 525fd2bc..0b3e2e16 100644 --- a/src/components/inputs/Input/index.js +++ b/src/components/inputs/Input/index.js @@ -36,7 +36,7 @@ const TopLabel = styled.span` const StyledInput = styled.input` width: 100%; height: 40px; - padding: 6px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px; + padding: 5px ${props => (props.hasIcon ? '40px' : '12px')} 6px 12px; line-height: 1.42857143; font-size: ${FONT_SIZE.SMALL}; diff --git a/src/views/Wallet/views/Account/Receive/index.js b/src/views/Wallet/views/Account/Receive/index.js index ec173725..dce69471 100644 --- a/src/views/Wallet/views/Account/Receive/index.js +++ b/src/views/Wallet/views/Account/Receive/index.js @@ -40,13 +40,14 @@ const StyledQRCode = styled(QRCode)` const ValueWrapper = styled.div` font-size: ${FONT_SIZE.SMALL}; + height: 40px; font-weight: ${FONT_WEIGHT.SMALLEST}; line-height: 1.42857143; font-family: ${FONT_FAMILY.MONOSPACE}; color: ${colors.TEXT_PRIMARY}; border: 1px solid ${colors.DIVIDER}; border-radius: 3px; - padding: 6px 12px; + padding: 10px 12px; padding-right: 38px; position: relative; flex: 1; diff --git a/src/views/Wallet/views/Account/Send/index.js b/src/views/Wallet/views/Account/Send/index.js index 4a659e5f..7c33a95c 100644 --- a/src/views/Wallet/views/Account/Send/index.js +++ b/src/views/Wallet/views/Account/Send/index.js @@ -31,7 +31,7 @@ const InputRow = styled.div` `; const SetMaxAmountButton = styled(Button)` - height: 34px; + height: 40px; padding: 0 10px; display: flex; align-items: center; @@ -69,7 +69,7 @@ const SetMaxAmountButton = styled(Button)` const CurrencySelect = styled(Select)` min-width: 77px; - height: 34px; + height: 40px; flex: 0.2; `;