From e1af49a779f73f8666e868cad51f4fd7e7ab18f0 Mon Sep 17 00:00:00 2001
From: OlgaMaseng <masengolga@gmail.com>
Date: Wed, 6 Dec 2023 16:17:59 +0200
Subject: [PATCH 1/2] Fixing and editing

Fixing sort instruction button and changing search for recipes border color and text color
---
 components/Instructions/instructions.jsx        |  2 +-
 components/Instructions/instructions.module.css | 15 +++++----------
 components/SearchBar/searchBar.module.css       |  4 ++--
 components/searchBar/searchBar.module.css       |  4 ++--
 4 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/components/Instructions/instructions.jsx b/components/Instructions/instructions.jsx
index 16aba61f..ef95b5e6 100644
--- a/components/Instructions/instructions.jsx
+++ b/components/Instructions/instructions.jsx
@@ -12,7 +12,7 @@ import classes from "./instructions.module.css";
  */
 export default function InstructionF({ handleChange, selectedInstructions }) {
   return (
-    <div className={`flex ${classes.instructionsContainer}`}>
+    <div className={`flex ${classes.instructionsContainer }`}>
       <input
         type="number"
         min={0}
diff --git a/components/Instructions/instructions.module.css b/components/Instructions/instructions.module.css
index 81650dbe..2b5cc71c 100644
--- a/components/Instructions/instructions.module.css
+++ b/components/Instructions/instructions.module.css
@@ -1,14 +1,14 @@
 .instructionsInput {
   width: 5em;
-  height: 1.5em;
+  height: 1.9rem;
   display: inline-block;
   padding: 7px;
   outline: none;
   font-size: 1rem;
   color: black;
-  border-radius: 5px;
-  border: 2px solid white;
-  background-color: transparent;
+  border-radius: 4px;
+  border: 1px solid white;
+  background-color: rgb(39, 121, 184);
   
   @media (min-width: 800px) {
       width: 9em;
@@ -21,14 +21,9 @@
 }
 
 .instructionsInput:focus {
-  border: 2px solid darkblue;
+  border: 2px solid rgb(31, 31, 183);
 }
 
-/* .instructionsContainer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-} */
 
 .instructionsInput::placeholder {
   color: white;
diff --git a/components/SearchBar/searchBar.module.css b/components/SearchBar/searchBar.module.css
index 6fd15088..aba72a81 100644
--- a/components/SearchBar/searchBar.module.css
+++ b/components/SearchBar/searchBar.module.css
@@ -18,7 +18,7 @@
 
   @media (max-width: 799px) {
     color: white;
-    border-color: yellow;
+    border-color: white;
   }
 }
 
@@ -39,7 +39,7 @@
 
   @media (max-width:799px) {
     .searchInput::placeholder{
-      color: yellow;
+      color: black;
     }
   }
 
diff --git a/components/searchBar/searchBar.module.css b/components/searchBar/searchBar.module.css
index 6fd15088..aba72a81 100644
--- a/components/searchBar/searchBar.module.css
+++ b/components/searchBar/searchBar.module.css
@@ -18,7 +18,7 @@
 
   @media (max-width: 799px) {
     color: white;
-    border-color: yellow;
+    border-color: white;
   }
 }
 
@@ -39,7 +39,7 @@
 
   @media (max-width:799px) {
     .searchInput::placeholder{
-      color: yellow;
+      color: black;
     }
   }
 

From 5a5c3b90facc8d306ba908b086271fa8152523ba Mon Sep 17 00:00:00 2001
From: OlgaMaseng <masengolga@gmail.com>
Date: Wed, 6 Dec 2023 16:56:49 +0200
Subject: [PATCH 2/2] Editing sort button

---
 components/Instructions/instructions.module.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Instructions/instructions.module.css b/components/Instructions/instructions.module.css
index 2b5cc71c..adf8384c 100644
--- a/components/Instructions/instructions.module.css
+++ b/components/Instructions/instructions.module.css
@@ -1,14 +1,14 @@
 .instructionsInput {
-  width: 5em;
-  height: 1.9rem;
+  width: 4rem;
+  height: 0.001rem;
   display: inline-block;
   padding: 7px;
   outline: none;
   font-size: 1rem;
   color: black;
-  border-radius: 4px;
+  border-radius: 3px;
   border: 1px solid white;
-  background-color: rgb(39, 121, 184);
+  background-color: rgb(44, 129, 194);
   
   @media (min-width: 800px) {
       width: 9em;