From 89cdab6ad27ff703b084c11d82deaf87381ea83a Mon Sep 17 00:00:00 2001
From: Josh PC <josh.rosenhanst@gmail.com>
Date: Wed, 16 Oct 2019 21:26:12 -0400
Subject: [PATCH] fix <div> inside <p> warning

---
 app/src/components/bookcard.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/components/bookcard.js b/app/src/components/bookcard.js
index 85c53c7..696f70a 100644
--- a/app/src/components/bookcard.js
+++ b/app/src/components/bookcard.js
@@ -8,7 +8,7 @@ const BookCard = ({ book }) => (
     <img class="w-full" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1414347376l/18050143.jpg" alt="Sunset in the mountains" />
     <div class="px-6 py-4">
       <div class="font-bold text-xl mb-0">{ book.title }</div>
-      <p className="text-gray-700 font-bold text-base mb-1">
+      <div className="text-gray-700 font-bold text-base mb-1">
         <span className="mr-2 align-middle">{ book.year }</span> 
         <StarRatings 
           rating={ parseFloat(book.rating) }
@@ -17,7 +17,7 @@ const BookCard = ({ book }) => (
           starSpacing="1px"
           starRatedColor="#fa604a"
         />
-      </p>
+      </div>
       <p class="text-gray-700 text-base">
         { book.author }
       </p>