From 53e4a94c079449d48bd78c974a23edb1b107daa7 Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Tue, 4 Jul 2017 12:22:23 -0500
Subject: [PATCH] simplified CenteredContent and fixed alignment issues

---
 .../CenteredContent/CenteredContent.js        | 23 ++++++++-----------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/frontend/components/CenteredContent/CenteredContent.js b/frontend/components/CenteredContent/CenteredContent.js
index 2d6cdd5a..6f135e1e 100644
--- a/frontend/components/CenteredContent/CenteredContent.js
+++ b/frontend/components/CenteredContent/CenteredContent.js
@@ -4,8 +4,6 @@ import styled from 'styled-components';
 
 type Props = {
   children?: React.Element<any>,
-  style?: Object,
-  maxWidth?: string,
 };
 
 const Container = styled.div`
@@ -13,20 +11,17 @@ const Container = styled.div`
   margin: 40px 20px;
 `;
 
-const CenteredContent = ({
-  children,
-  maxWidth = '740px',
-  style,
-  ...rest
-}: Props) => {
-  const styles = {
-    maxWidth,
-    ...style,
-  };
+const Content = styled.div`
+  max-width: 740px;
+  margin: 0 auto;
+`;
 
+const CenteredContent = ({ children, ...rest }: Props) => {
   return (
-    <Container style={styles} {...rest}>
-      {children}
+    <Container {...rest}>
+      <Content>
+        {children}
+      </Content>
     </Container>
   );
 };