Adds styling

web/src/components/BlogPost/BlogPost.js

@@ -1,14 +1,14 @@
-import { Link,routes } from '@redwoodjs/router'
+import { Link, routes } from '@redwoodjs/router'
 
 const BlogPost = ({ post }) => {
   return (
-    <article>
+    <article className="mt-10">
       <header>
-        <h2>
+        <h2 className="text-xl text-blue-700 font-semibold">
           <Link to={routes.blogPost({ id: post.id })}>{post.title}</Link>
         </h2>
       </header>
-      <div>{post.body}</div>
+      <div className="mt-2 text-gray-900 font-light">{post.body}</div>
     </article>
   )
 }

web/src/components/BlogPostsCell/BlogPostsCell.js

@@ -1,4 +1,4 @@
-import { Link,routes } from '@redwoodjs/router'
+import { Link, routes } from '@redwoodjs/router'
 import BlogPost from 'src/components/BlogPost'
 
 export const QUERY = gql`
@@ -19,5 +19,11 @@ export const Empty = () => <div>Empty</div>
 export const Failure = ({ error }) => <div>Error: {error.message}</div>
 
 export const Success = ({ posts }) => {
-  return posts.map((post) => <BlogPost key={post.id} post={post} />)
+  return (
+    <div className="-mt-12">
+      {posts.map((post) => (
+        <BlogPost key={post.id} post={post} />
+      ))}
+    </div>
+  )
 }