follow design guidelines more closely

pull/269/head
slowbackspace 6 years ago
parent 8e14e04dc1
commit 27a3254c04

@ -94,7 +94,7 @@ const StyledTextarea = styled(Textarea)`
`; `;
const TopLabel = styled.span` const TopLabel = styled.span`
padding-bottom: 8px; padding-bottom: 10px;
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
`; `;

@ -29,7 +29,7 @@ const InputIconWrapper = styled.div`
`; `;
const TopLabel = styled.span` const TopLabel = styled.span`
padding-bottom: 8px; padding-bottom: 10px;
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
`; `;

@ -20,7 +20,7 @@ import VerifyAddressTooltip from './components/VerifyAddressTooltip';
import type { Props } from './Container'; import type { Props } from './Container';
const Label = styled.div` const Label = styled.div`
padding-bottom: 8px; padding-bottom: 10px;
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
`; `;
@ -77,7 +77,7 @@ const EyeButton = styled(Button)`
const Row = styled.div` const Row = styled.div`
display: flex; display: flex;
width: 100%; width: 100%;
padding-bottom: 25px; padding-bottom: 28px;
${media.lessThan('795px')` ${media.lessThan('795px')`
flex-direction: column; flex-direction: column;

@ -23,7 +23,7 @@ type Props = BaseProps & {
const SmallScreenWidth = '850px'; const SmallScreenWidth = '850px';
const InputRow = styled.div` const InputRow = styled.div`
padding-bottom: 25px; padding-bottom: 28px;
`; `;
const InputLabelWrapper = styled.div` const InputLabelWrapper = styled.div`
@ -69,7 +69,7 @@ const GasInput = styled(Input)`
`; `;
const StyledTextarea = styled(Textarea)` const StyledTextarea = styled(Textarea)`
padding-bottom: 25px; padding-bottom: 28px;
min-height: 80px; min-height: 80px;
`; `;

@ -34,7 +34,7 @@ const AmountInputLabel = styled.span`
`; `;
const InputRow = styled.div` const InputRow = styled.div`
padding: 0 0 25px 0; padding-bottom: 28px;
`; `;
const SetMaxAmountButton = styled(Button)` const SetMaxAmountButton = styled(Button)`
@ -88,7 +88,7 @@ const FeeOptionWrapper = styled.div`
const FeeLabelWrapper = styled.div` const FeeLabelWrapper = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 8px; padding-bottom: 10px;
`; `;
const FeeLabel = styled.span` const FeeLabel = styled.span`

@ -18,7 +18,7 @@ const Wrapper = styled.div`
`; `;
const Row = styled.div` const Row = styled.div`
padding-bottom: 25px; padding-bottom: 28px;
`; `;
const RowButtons = styled(Row)` const RowButtons = styled(Row)`

@ -22,7 +22,7 @@ type State = {
}; };
const Wrapper = styled.div` const Wrapper = styled.div`
padding-bottom: 25px; padding-bottom: 28px;
position: relative; position: relative;
display: flex; display: flex;

Loading…
Cancel
Save