fix overview page meta alignment

Author: ShMcK

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}>