From 7161e8fed9f64edaa3162642db89f4464b49e876 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 30 Nov 2018 12:05:40 +0100
Subject: Tweak submit position

---
 packages/website/ts/@next/components/newsletterForm.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'packages/website')

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`
-- 
cgit v1.2.3