header UX

src/components/SimpleHeader.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Header } from 'react-native-elements';
 import theme from '../theme';
 
-const { colors } = theme;
+const { colors, spacing } = theme;
 
 interface Props {
   title: string;
@@ -10,14 +10,17 @@ interface Props {
 
 const SimpleHeader: React.FC<Props> = ({ title }) => (
   <Header
+    leftContainerStyle={{ display: 'none' }}
     centerComponent={{
       text: title,
       style: {
-        fontSize: 24,
+        fontSize: 32,
         color: colors.white,
-      }
+        width: '100%',
+      },
     }}
     containerStyle={{
+      paddingHorizontal: spacing.screenPadding,
       backgroundColor: colors.green,
     }}
   />