aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-30 19:05:40 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-30 19:05:40 +0800
commit7161e8fed9f64edaa3162642db89f4464b49e876 (patch)
treeea3069eff47b2b9c793f022efd243f6fe3c125c0 /packages/website/ts/@next
parent1105d768612474611a40e090e1e2bddcb30952ab (diff)
downloaddexon-sol-tools-7161e8fed9f64edaa3162642db89f4464b49e876.tar
dexon-sol-tools-7161e8fed9f64edaa3162642db89f4464b49e876.tar.gz
dexon-sol-tools-7161e8fed9f64edaa3162642db89f4464b49e876.tar.bz2
dexon-sol-tools-7161e8fed9f64edaa3162642db89f4464b49e876.tar.lz
dexon-sol-tools-7161e8fed9f64edaa3162642db89f4464b49e876.tar.xz
dexon-sol-tools-7161e8fed9f64edaa3162642db89f4464b49e876.tar.zst
dexon-sol-tools-7161e8fed9f64edaa3162642db89f4464b49e876.zip
Tweak submit position
Diffstat (limited to 'packages/website/ts/@next')
-rw-r--r--packages/website/ts/@next/components/newsletterForm.tsx16
1 files changed, 10 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/newsletterForm.tsx b/packages/website/ts/@next/components/newsletterForm.tsx
index 6a82acbff..422d25bec 100644
--- a/packages/website/ts/@next/components/newsletterForm.tsx
+++ b/packages/website/ts/@next/components/newsletterForm.tsx
@@ -3,10 +3,9 @@ import styled from 'styled-components';
import { colors } from 'ts/style/colors';
-import formArrow from 'ts/@next/icons/form-arrow.svg';
-
import {Button} from 'ts/@next/components/button';
-import {Icon} from 'ts/@next/components/icon';
+
+import ArrowIcon from 'ts/@next/icons/form-arrow.svg';
interface InputProps {
name: string;
@@ -25,14 +24,16 @@ const Input = ({ ...props }) => {
<label className="visuallyHidden" htmlFor={id}>{label}</label>
<StyledInput id={id} placeholder={label} {...props} />
</>
- )
+ );
};
export const NewsletterForm: React.StatelessComponent = (props: Props) => (
<StyledForm>
<InputWrapper>
<Input name="email" type="email" label="Email Address" />
- <Icon icon={formArrow} />
+ <SubmitButton hasIcon>
+ Submit
+ </SubmitButton>
</InputWrapper>
<Text>Subscribe to our newsletter for updates in the 0x ecosystem</Text>
</StyledForm>
@@ -62,10 +63,13 @@ const InputWrapper = styled.div`
position: relative;
`;
-const ButtonWrapper = styled(Button)`
+const SubmitButton = styled(Button)`
display: flex;
justify-content: center;
align-items: center;
+ position: absolute;
+ right: 0;
+ top: calc(50% - 29px);
`;
const Text = styled.span`