From 3b67d5128dc39b376a27010a3df3433f32704a0f Mon Sep 17 00:00:00 2001
From: shmck <shawn.j.mckay@gmail.com>
Date: Sat, 21 Mar 2020 18:16:26 -0700
Subject: [PATCH 1/3] fix start page alignment & text

---
 web-app/src/containers/Start/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web-app/src/containers/Start/index.tsx b/web-app/src/containers/Start/index.tsx
index 505df77d..27fa5462 100644
--- a/web-app/src/containers/Start/index.tsx
+++ b/web-app/src/containers/Start/index.tsx
@@ -29,6 +29,7 @@ const styles = {
   },
   subtitle: {
     fontSize: '1.3rem',
+    textAlign: 'center' as 'center',
   },
   options: {
     flex: 1,
@@ -54,11 +55,10 @@ export const StartPage = (props: Props) => (
       <BetaBadge>
         <span css={styles.title}>CodeRoad</span>
       </BetaBadge>
-      <h3 css={styles.subtitle}>Play Interactive Coding Tutorials in VSCode</h3>
-      <p>Learn by coding in a real environment.</p>
+      <h3 css={styles.subtitle}>Play Tutorials in VSCode</h3>
+      <p>Learn in a real environment.</p>
       <p>Instant feedback on save.</p>
-      <p>Progress saves to Git.</p>
-      <p>Build your portfolio as you learn.</p>
+      <p>Build your portfolio and Git timeline.</p>
     </div>
 
     <div css={styles.options}>

From e36650bfd8bce96ae93e501d90cd7b6398e3d57f Mon Sep 17 00:00:00 2001
From: shmck <shawn.j.mckay@gmail.com>
Date: Sat, 21 Mar 2020 18:20:39 -0700
Subject: [PATCH 2/3] add padding to bottom of summary page

---
 web-app/src/containers/Overview/OverviewPage.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/web-app/src/containers/Overview/OverviewPage.tsx b/web-app/src/containers/Overview/OverviewPage.tsx
index 004034a0..8b8e8835 100644
--- a/web-app/src/containers/Overview/OverviewPage.tsx
+++ b/web-app/src/containers/Overview/OverviewPage.tsx
@@ -27,7 +27,7 @@ const styles = {
     cursor: 'pointer',
   },
   content: {
-    paddingBottom: '3rem',
+    paddingBottom: '5rem',
   },
   header: {
     color: 'white',
@@ -110,8 +110,6 @@ const Summary = (props: Props) => (
       </div>
     </div>
 
-    <div css={{ height: '3rem ' }} />
-
     <div css={styles.footer}>
       {/* TODO Add back button */}
       <Button type="primary" onClick={props.onNext}>

From e2bb75d4f022c1e51dd94f8c7f426afdaf1a7b55 Mon Sep 17 00:00:00 2001
From: shmck <shawn.j.mckay@gmail.com>
Date: Sat, 21 Mar 2020 18:25:19 -0700
Subject: [PATCH 3/3] fix overview page meta alignment

---
 web-app/src/containers/Overview/OverviewPage.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/web-app/src/containers/Overview/OverviewPage.tsx b/web-app/src/containers/Overview/OverviewPage.tsx
index 8b8e8835..662907d4 100644
--- a/web-app/src/containers/Overview/OverviewPage.tsx
+++ b/web-app/src/containers/Overview/OverviewPage.tsx
@@ -40,6 +40,11 @@ const styles = {
   description: {
     fontSize: '1rem',
   },
+  meta: {
+    display: 'flex' as 'flex',
+    flexDirection: 'row' as 'row',
+    flexWrap: 'wrap' as 'wrap',
+  },
   levelList: {
     padding: '0rem 1rem',
   },
@@ -88,10 +93,10 @@ const Summary = (props: Props) => (
         </div>
         <h1 css={styles.title}>{props.title}</h1>
         <h3>{props.description}</h3>
-        <h4>
-          <span css={{ marginRight: '2rem' }}>Created by {props.createdBy.name}</span>
-          <span>Last updated {moment(props.updatedAt).format('M/YYYY')}</span>
-        </h4>
+        <h5 css={styles.meta}>
+          <div css={{ marginRight: '2rem' }}>Created by {props.createdBy.name}</div>
+          <div>Last updated {moment(props.updatedAt).format('M/YYYY')}</div>
+        </h5>
       </div>
       <div>
         <div css={styles.levelList}>