From a7060f46dd7539c25d02c5f09ecbb71b15e1030d Mon Sep 17 00:00:00 2001
From: Capelier-Marla <marla.capelier@etu.univ-amu.fr>
Date: Thu, 26 Jan 2023 11:45:54 +0100
Subject: [PATCH 1/2] styled search part of search page

---
 Views/recipe/search.php |  2 +-
 static/style.css        | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/Views/recipe/search.php b/Views/recipe/search.php
index 3a15eec..fb63d29 100644
--- a/Views/recipe/search.php
+++ b/Views/recipe/search.php
@@ -4,7 +4,7 @@
 ?>
 
 
-<main class="hasAside">
+<main class="hasAside search">
     <?php View::show("common/category_list") ?>
     <article>
         <!-- Inclure les catégories -->
diff --git a/static/style.css b/static/style.css
index 2a01ac1..f36b35d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -302,7 +302,7 @@ main.userView > form > label {
     font-size: var(--size-l);
 }
 
-main.userView > form > :is(input[type=text], input[type=email]) {
+:is(main.userView > form, main.search > article > form) > :is(input[type=text], input[type=email]) {
     height: var(--size-l);
     border-radius: var(--border-radius);
     padding: var(--size-l);
@@ -311,7 +311,7 @@ main.userView > form > :is(input[type=text], input[type=email]) {
     font-size: var(--size-l);
 }
 
-main.userView > form > input[type=submit] {
+:is(main.userView > form, main.search > article > form) > input[type=submit] {
     background: var(--principal-neutral);
     border: none;
     border-radius: var(--border-radius);
@@ -322,6 +322,15 @@ main.userView > form > input[type=submit] {
     box-shadow: var(--shadow);
 }
 
+main.search > article > form {
+    display: flex;
+    flex-direction: row;
+    gap: var(--size-l);
+}
+main.search > article > form > label {
+    display: none;
+}
+
 footer {
     display: flex;
     flex-direction: column;

From cbf5d2c0d22b385ff9df3999280fc40bf855a4f7 Mon Sep 17 00:00:00 2001
From: Capelier-Marla <marla.capelier@etu.univ-amu.fr>
Date: Thu, 26 Jan 2023 15:32:21 +0100
Subject: [PATCH 2/2] shared some attributes to other objects to add style to
 search results

---
 static/style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/static/style.css b/static/style.css
index f36b35d..74a5636 100644
--- a/static/style.css
+++ b/static/style.css
@@ -322,6 +322,13 @@ main.userView > form > label {
     box-shadow: var(--shadow);
 }
 
+main.search > article {
+    display: flex;
+    flex-direction: column;
+    gap: var(--size-max);
+    max-width: 700px;
+}
+
 main.search > article > form {
     display: flex;
     flex-direction: row;
@@ -331,6 +338,13 @@ main.search > article > form > label {
     display: none;
 }
 
+main.search > article > section {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: var(--size-xl);
+}
+
 footer {
     display: flex;
     flex-direction: column;