diff --git a/src/components/Textarea/index.js b/src/components/Textarea/index.js index 736158e2..b0d017c1 100644 --- a/src/components/Textarea/index.js +++ b/src/components/Textarea/index.js @@ -94,7 +94,7 @@ const StyledTextarea = styled(Textarea)` `; const TopLabel = styled.span` - padding-bottom: 8px; + padding-bottom: 10px; color: ${colors.TEXT_SECONDARY}; `; diff --git a/src/components/inputs/Input/index.js b/src/components/inputs/Input/index.js index 6645da8d..36a462aa 100644 --- a/src/components/inputs/Input/index.js +++ b/src/components/inputs/Input/index.js @@ -29,7 +29,7 @@ const InputIconWrapper = styled.div` `; const TopLabel = styled.span` - padding-bottom: 8px; + padding-bottom: 10px; color: ${colors.TEXT_SECONDARY}; `; diff --git a/src/views/Wallet/views/Account/Receive/index.js b/src/views/Wallet/views/Account/Receive/index.js index 93413f83..dad35777 100644 --- a/src/views/Wallet/views/Account/Receive/index.js +++ b/src/views/Wallet/views/Account/Receive/index.js @@ -20,7 +20,7 @@ import VerifyAddressTooltip from './components/VerifyAddressTooltip'; import type { Props } from './Container'; const Label = styled.div` - padding-bottom: 8px; + padding-bottom: 10px; color: ${colors.TEXT_SECONDARY}; `; @@ -77,7 +77,7 @@ const EyeButton = styled(Button)` const Row = styled.div` display: flex; width: 100%; - padding-bottom: 25px; + padding-bottom: 28px; ${media.lessThan('795px')` flex-direction: column; diff --git a/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js b/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js index 8d116d05..00ae3b1d 100644 --- a/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js +++ b/src/views/Wallet/views/Account/Send/components/AdvancedForm/index.js @@ -23,7 +23,7 @@ type Props = BaseProps & { const SmallScreenWidth = '850px'; const InputRow = styled.div` - padding-bottom: 25px; + padding-bottom: 28px; `; const InputLabelWrapper = styled.div` @@ -69,7 +69,7 @@ const GasInput = styled(Input)` `; const StyledTextarea = styled(Textarea)` - padding-bottom: 25px; + padding-bottom: 28px; min-height: 80px; `; diff --git a/src/views/Wallet/views/Account/Send/index.js b/src/views/Wallet/views/Account/Send/index.js index 5cf376c0..319a53b0 100644 --- a/src/views/Wallet/views/Account/Send/index.js +++ b/src/views/Wallet/views/Account/Send/index.js @@ -34,7 +34,7 @@ const AmountInputLabel = styled.span` `; const InputRow = styled.div` - padding: 0 0 25px 0; + padding-bottom: 28px; `; const SetMaxAmountButton = styled(Button)` @@ -88,7 +88,7 @@ const FeeOptionWrapper = styled.div` const FeeLabelWrapper = styled.div` display: flex; align-items: center; - padding-bottom: 8px; + padding-bottom: 10px; `; const FeeLabel = styled.span` diff --git a/src/views/Wallet/views/Account/SignVerify/index.js b/src/views/Wallet/views/Account/SignVerify/index.js index d7b55a0f..61a6db2e 100644 --- a/src/views/Wallet/views/Account/SignVerify/index.js +++ b/src/views/Wallet/views/Account/SignVerify/index.js @@ -18,7 +18,7 @@ const Wrapper = styled.div` `; const Row = styled.div` - padding-bottom: 25px; + padding-bottom: 28px; `; const RowButtons = styled(Row)` diff --git a/src/views/Wallet/views/Account/Summary/components/Balance/index.js b/src/views/Wallet/views/Account/Summary/components/Balance/index.js index d22595b7..318b60e0 100644 --- a/src/views/Wallet/views/Account/Summary/components/Balance/index.js +++ b/src/views/Wallet/views/Account/Summary/components/Balance/index.js @@ -22,7 +22,7 @@ type State = { }; const Wrapper = styled.div` - padding-bottom: 25px; + padding-bottom: 28px; position: relative; display: flex;