From b9067c85bdebeca4afd77dfefb23615c14c5547d Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Mon, 27 Jan 2020 21:35:54 +0100
Subject: [PATCH] styling UI

---
 README.md                       | 3 ++-
 src/components/CategoryEntry.js | 3 ++-
 src/components/SearchResult.js  | 5 ++++-
 src/pages/Category.js           | 5 ++++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index cb254ef..4724399 100644
--- a/README.md
+++ b/README.md
@@ -56,6 +56,7 @@ Free meal planner for cooks short on ideas! (like me …)
 - Recipes in Video
 - Get a full menu (Starter, Main, Dessert + Cocktail)
 - Send a daily suggestion to newsletter
+- History
 
 ## Supports
 
@@ -83,5 +84,5 @@ Free meal planner for cooks short on ideas! (like me …)
 
 - put a preloader
 - visual styling
-- route bad request to notFOund (exple: /categories/string)
+- route bad request to notFOund (exple: /categories/string, when search results is null)
 - add sidenav on mobile
diff --git a/src/components/CategoryEntry.js b/src/components/CategoryEntry.js
index c48bd9d..8003c97 100644
--- a/src/components/CategoryEntry.js
+++ b/src/components/CategoryEntry.js
@@ -18,10 +18,11 @@ const CategoryEntry = props => {
             <div className="card horizontal">
               <div className="card-image">
                 <img src={strCategoryThumb} alt={strCategory} />
-                <span className="card-title red-text">{strCategory}</span>
+                {/* <span className="card-title red-text">{strCategory}</span> */}
               </div>
               <div className="card-stacked">
                 <div className="card-content black-text">
+                  <h4>{strCategory}</h4>
                   <p>{strCategoryDescription}</p>
                 </div>
               </div>
diff --git a/src/components/SearchResult.js b/src/components/SearchResult.js
index 3eb5424..dab6b5b 100644
--- a/src/components/SearchResult.js
+++ b/src/components/SearchResult.js
@@ -13,7 +13,10 @@ const SearchResult = props => {
             <div className="card ">
               <div className="card-image">
                 <img src={strMealThumb} alt={strMeal} />
-                <span className="card-title ">{strMeal}</span>
+                {/* <span className="card-title ">{strMeal}</span> */}
+              </div>
+              <div class="card-content">
+                <h4>{strMeal}</h4>
               </div>
               {/* <div className="card-stacked">
               <div className="card-content black-text">
diff --git a/src/pages/Category.js b/src/pages/Category.js
index bda6fb7..0283750 100644
--- a/src/pages/Category.js
+++ b/src/pages/Category.js
@@ -36,7 +36,10 @@ const CategoryPage = props => {
                   <div className="card ">
                     <div className="card-image">
                       <img src={meal.strMealThumb} alt={meal.strMeal} />
-                      <span className="card-title">{meal.strMeal}</span>
+                      {/* <span className="card-title">{meal.strMeal}</span> */}
+                    </div>
+                    <div class="card-content">
+                      <h4>{meal.strMeal}</h4>
                     </div>
                   </div>
                 </div>