From 3de832fb03868aef7373c59da82516982e07e7ec Mon Sep 17 00:00:00 2001
From: Capelier-Marla <marla.capelier@etu.univ-amu.fr>
Date: Thu, 26 Jan 2023 21:22:56 +0100
Subject: [PATCH] added style for return button in edit recipe page

---
 Views/recipe/edit.php | 3 ++-
 static/style.css      | 9 +++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/Views/recipe/edit.php b/Views/recipe/edit.php
index a9e6cd4..7cc025e 100644
--- a/Views/recipe/edit.php
+++ b/Views/recipe/edit.php
@@ -23,7 +23,8 @@ if ($O_recipe === null) {
 <main class="editRecipe">
     <?php
     if ($O_recipe !== null) { ?>
-        <a href="/recipe/view/<?= $O_recipe->I_ID ?>">Retour</a>
+        </br>
+        <a href="/recipe/view/<?= $O_recipe->I_ID ?>" class="backButton">← Retour</a>
     <?php } ?>
 
 
diff --git a/static/style.css b/static/style.css
index ea43e41..94ee5e8 100644
--- a/static/style.css
+++ b/static/style.css
@@ -497,6 +497,15 @@ main.editRecipe, main.manageUser {
     margin-left: auto;
     margin-right: auto;
 }
+main.editRecipe > a.backButton {
+    background: var(--principal-neutral);
+    color: var(--secondary-pastel);
+    text-decoration: none;
+    margin-top: var(--size-max);
+    padding: var(--size-m);
+    border-radius: var(--border-radius);
+    box-shadow: var(--shadow);
+}
 main.editRecipe > form {
     display: flex;
     flex-direction: column;