From fbe40d547d054dbbdba40f3f17c38124ed631be1 Mon Sep 17 00:00:00 2001
From: "[Darrick Fauvel]" <[darrick@darrickdevelops.com]>
Date: Sat, 18 Nov 2023 09:18:44 -0500
Subject: [PATCH 1/5] fix(header.jsx): add z-index to nav element

Add z-index to nav element

issue #115
---
 src/features/ui/Header/Header.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/ui/Header/Header.jsx b/src/features/ui/Header/Header.jsx
index 380f9b5..caf6216 100644
--- a/src/features/ui/Header/Header.jsx
+++ b/src/features/ui/Header/Header.jsx
@@ -14,7 +14,7 @@ export const Header = () => {
           <img src={Logo} alt={name} />
         </Link>
       </aside>
-      <nav>
+      <nav className="z-10">
         <div className="hidden space-x-4 lg:flex gap-x-7 bg-sky-300 text-white rounded-full px-16 py-3">
           {navLinks.map((navLink, index) => (
             <Link

From 9372547e9b437401a7e589c3a30b73a912ab0f1a Mon Sep 17 00:00:00 2001
From: "[Darrick Fauvel]" <[darrick@darrickdevelops.com]>
Date: Sat, 18 Nov 2023 09:21:19 -0500
Subject: [PATCH 2/5] fix(search.jsx): remove z-index from heading

Remove z-index from heading

issue #115
---
 src/pages/Search.jsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/pages/Search.jsx b/src/pages/Search.jsx
index f7a236a..8ee353b 100644
--- a/src/pages/Search.jsx
+++ b/src/pages/Search.jsx
@@ -24,11 +24,7 @@ const Search = () => {
 
   return (
     <div className="flex flex-col items-center flex-shrink-0 w-full">
-      <Heading
-        level="h1"
-        variant="watermelon"
-        className="z-10 pt-5 text-center"
-      >
+      <Heading level="h1" variant="watermelon" className="pt-5 text-center">
         YumYum Time!!
       </Heading>
       <SvgComponent className="w-full fill-sky-300 -mb-1" />

From 1873016c121350dff05acd8d5200d248cdddde93 Mon Sep 17 00:00:00 2001
From: "[Darrick Fauvel]" <[darrick@darrickdevelops.com]>
Date: Sat, 18 Nov 2023 09:25:36 -0500
Subject: [PATCH 3/5] fix(search.jsx): move colored balls code above heading
 for proper stacking order

Move colored balls code above heading for proper stacking order

issue #115
---
 src/pages/Search.jsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/pages/Search.jsx b/src/pages/Search.jsx
index 8ee353b..d8581e2 100644
--- a/src/pages/Search.jsx
+++ b/src/pages/Search.jsx
@@ -24,6 +24,16 @@ const Search = () => {
 
   return (
     <div className="flex flex-col items-center flex-shrink-0 w-full">
+      {/* START colored balls */}
+      <div className="absolute z-0 w-full h-full pointer-events-none left-10 bg-colored-balls-top xl:top-32 md:top-16 top-8">
+        {/* Yellow Ball 1 */}
+        <div className="w-[18px] h-[18px] md:w-[48px] md:h-[48px] md:left-[15%] md:top-[10%] 2xl:left-[30%] xl:w-[56.56px] xl:h-[56.56px]  2xl:w-[62px] 2xl:h-[62px] bg-YellowBall bg-cover relative  rounded-full left-[13%] top-[8%] " />
+        {/* Orange Ball */}
+        <div className="w-[12px] h-[12px] md:w-[34.09px] md:h-[34.09px]  xl:w-[44.44px] xl:h-[44.44px]  md:top-[10%] md:left-[40%] 2xl:left-[56%]  bg-OrangeBall bg-cover rounded-full relative left-[58%]  top-[8%]   " />
+        {/* Green Ball */}
+        <div className="w-[12px] h-[12px] md:w-[34.09px] md:h-[34.09px]  xl:w-[44.44px] xl:h-[44.44px]  md:top-[5%] md:left-[80%] 2xl:left-[70%]  bg-GreenBall bg-cover rounded-full relative left-[8%]  top-[10%]   " />
+      </div>
+      {/* END colored balls */}
       <Heading level="h1" variant="watermelon" className="pt-5 text-center">
         YumYum Time!!
       </Heading>

From 782ade5a9d82a9218757db72a70fafe5237c96f5 Mon Sep 17 00:00:00 2001
From: "[Darrick Fauvel]" <[darrick@darrickdevelops.com]>
Date: Sat, 18 Nov 2023 09:28:23 -0500
Subject: [PATCH 4/5] style(search.jsx): add white-space for better readability

Add white-space for better readability

issue #115
---
 src/pages/Search.jsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/pages/Search.jsx b/src/pages/Search.jsx
index d8581e2..76e11d2 100644
--- a/src/pages/Search.jsx
+++ b/src/pages/Search.jsx
@@ -34,15 +34,19 @@ const Search = () => {
         <div className="w-[12px] h-[12px] md:w-[34.09px] md:h-[34.09px]  xl:w-[44.44px] xl:h-[44.44px]  md:top-[5%] md:left-[80%] 2xl:left-[70%]  bg-GreenBall bg-cover rounded-full relative left-[8%]  top-[10%]   " />
       </div>
       {/* END colored balls */}
+
       <Heading level="h1" variant="watermelon" className="pt-5 text-center">
         YumYum Time!!
       </Heading>
+
       <SvgComponent className="w-full fill-sky-300 -mb-1" />
+
       <div className="flex flex-col flex-shrink-0 w-full px-4 lg:px-20 bg-gradient-Search">
         <div className="flex flex-wrap items-center justify-center my-5 lg:mx-2 lg:gap-x-2">
           <div className="flex items-center w-1/3 lg:w-[20%]">
             <BellPeppers resolution="360" alt="bell-peppers" />
           </div>
+
           <div className="flex flex-col items-center order-last max-w-md lg:order-1">
             <p className="text-2xl font-bold tracking-tight text-center break-words lg:w-2/3 font-kalam lava-text-gradient">
               Add Ingredients Here and We Will Do Our Magic!
@@ -51,6 +55,7 @@ const Search = () => {
               <SearchBox searchTerm={searchTerm} onSearch={handleSearch} />
             </div>
           </div>
+
           <div className="flex items-center justify-center w-1/3 lg:w-[20%] hero-yumi lg:order-last lg:justify-start">
             <YumiWithSpoon
               resolution="480"
@@ -59,19 +64,12 @@ const Search = () => {
             />
           </div>
         </div>
+
         {searchTerm !== "" ? (
           <RecipeList searchTerm={searchTerm} />
         ) : (
           <FeatureOfTheDay />
         )}
-        <div className="absolute z-0 w-full h-full pointer-events-none left-10 bg-colored-balls-top xl:top-32 md:top-16 top-8">
-          {/* Yellow Ball 1 */}
-          <div className="w-[18px] h-[18px] md:w-[48px] md:h-[48px] md:left-[15%] md:top-[10%] 2xl:left-[30%] xl:w-[56.56px] xl:h-[56.56px]  2xl:w-[62px] 2xl:h-[62px] bg-YellowBall bg-cover relative  rounded-full left-[13%] top-[8%] " />
-          {/* Orange Ball */}
-          <div className="w-[12px] h-[12px] md:w-[34.09px] md:h-[34.09px]  xl:w-[44.44px] xl:h-[44.44px]  md:top-[10%] md:left-[40%] 2xl:left-[56%]  bg-OrangeBall bg-cover rounded-full relative left-[58%]  top-[8%]   " />
-          {/* Green Ball */}
-          <div className="w-[12px] h-[12px] md:w-[34.09px] md:h-[34.09px]  xl:w-[44.44px] xl:h-[44.44px]  md:top-[5%] md:left-[80%] 2xl:left-[70%]  bg-GreenBall bg-cover rounded-full relative left-[8%]  top-[10%]   " />
-        </div>
       </div>
     </div>
   );

From 6f4134b8c429aa2490485114713991f1534b87e6 Mon Sep 17 00:00:00 2001
From: "[Darrick Fauvel]" <[darrick@darrickdevelops.com]>
Date: Sat, 18 Nov 2023 09:29:22 -0500
Subject: [PATCH 5/5] chore(release): 0.0.33

---
 CHANGELOG.md      | 14 ++++++++++++++
 package-lock.json |  4 ++--
 package.json      |  2 +-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2bf3666..20256d0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.33](https://github.com/chingu-voyages/v46-tier2-team-19/compare/v0.0.32...v0.0.33) (2023-11-18)
+
+
+### Bug Fixes
+
+* **header.jsx:** add z-index to nav element ([fbe40d5](https://github.com/chingu-voyages/v46-tier2-team-19/commit/fbe40d547d054dbbdba40f3f17c38124ed631be1)), closes [#115](https://github.com/chingu-voyages/v46-tier2-team-19/issues/115)
+* **intro card:** hide plant corner detail on mobile ([1044c8d](https://github.com/chingu-voyages/v46-tier2-team-19/commit/1044c8d6582c7ee921228be97e40877f88912f45))
+* **recipe difficulty card:** hide card when no data available ([ed6c084](https://github.com/chingu-voyages/v46-tier2-team-19/commit/ed6c084c1644eece8da2559833696c9fdc83d480))
+* **search page:** layout fixes ([3a3138a](https://github.com/chingu-voyages/v46-tier2-team-19/commit/3a3138a3d6a1eaecaaf65c1f1553350eb926f042))
+* **search.jsx:** move colored balls code above heading for proper stacking order ([1873016](https://github.com/chingu-voyages/v46-tier2-team-19/commit/1873016c121350dff05acd8d5200d248cdddde93)), closes [#115](https://github.com/chingu-voyages/v46-tier2-team-19/issues/115)
+* **search.jsx:** remove z-index from heading ([9372547](https://github.com/chingu-voyages/v46-tier2-team-19/commit/9372547e9b437401a7e589c3a30b73a912ab0f1a)), closes [#115](https://github.com/chingu-voyages/v46-tier2-team-19/issues/115)
+* **tags:** change tags link to properly format ([a92259a](https://github.com/chingu-voyages/v46-tier2-team-19/commit/a92259ae8bcd5cb8b188bcbd05b6947e439827b8))
+* **tips:** pad control dots and round out avatar images ([b5f2ea4](https://github.com/chingu-voyages/v46-tier2-team-19/commit/b5f2ea4d3bfdee97b385887c50cc02dbec234a73))
+
 ### [0.0.32](https://github.com/chingu-voyages/v46-tier2-team-19/compare/v0.0.31...v0.0.32) (2023-11-13)
 
 ### [0.0.31](https://github.com/chingu-voyages/v46-tier2-team-19/compare/v0.0.30...v0.0.31) (2023-11-12)
diff --git a/package-lock.json b/package-lock.json
index 15bc4a4..ddb71ba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "recipe-app",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "recipe-app",
-      "version": "0.0.32",
+      "version": "0.0.33",
       "dependencies": {
         "@headlessui/react": "^1.7.17",
         "@tanstack/react-query": "^4.36.1",
diff --git a/package.json b/package.json
index 056a879..392eca9 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "recipe-app",
   "private": true,
-  "version": "0.0.32",
+  "version": "0.0.33",
   "type": "module",
   "scripts": {
     "dev": "vite",