Finish tag et commencer à ajouter les template.s

public/assets/css/style.css

@@ -157,6 +157,7 @@ nav {
     border: 1px solid black;
     border-radius: 10px;
     width: 95%;
+    max-width: calc(128px*0.95);
     box-shadow: 1px 1px 1px black;
 }
 
@@ -170,7 +171,7 @@ nav {
 
 .tag-unselected {
     background-color: white;
-    
+
 }
 .tag-unselected:hover {
     background-color: #ffa04d;
@@ -306,25 +307,51 @@ ul {
 .recette-div-info {
     display: flex;
     flex-direction: row;
+    padding: 20px;
 }
 
 .recette-div-liste-info{
-    padding: 50px;
+    padding: 30px;
     margin: 10px;
+    width: 100%;
+    flex:1;
+}
+
+.recette-list-buttons {
+    display: flex;
+    flex-direction: row-reverse;
+}
+
+.recette-button {
+    border: 1px solid black;
+    border-radius: 10px;
+    padding : 10px;
+    box-shadow: 1px 1px 1px black;
+    background-color: blanchedalmond;
+}
+
+.recette-button:hover{
+    background-color: rgb(243, 215, 174);
 }
 
 .recette-liste-info-elem {
     text-align: left;
+    padding: 4px;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    color: #535353bd;
+    border-right: 1px solid #535353bd;
+    border-left: 1px solid #535353bd;
 }
 
 .recette-liste-info {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
 }
 
 .recette-liste-tag {
     display: flex;
-    flex-direction: row;
+    flex-wrap: wrap; /*trouvé à l'aide de ChatGPT car je n'arrivais pas à trouver*/
 }
 
 
@@ -373,8 +400,8 @@ ul {
 .formcont form .form-group input {
     width: 95%;
     box-sizing: border-box;
-        font-size:3vmin;
-        padding:1vmin;
+    font-size:3vmin;
+    padding:1vmin;
 
 }
 
@@ -386,7 +413,7 @@ ul {
     margin: 0 auto;
     background: #ffa04d;
     color: black;
-    font-size: 5vmin;
+    font-size: 4vmin;
     border-radius: 7px;
     box-shadow: 2px 2px 0px #000000;
 }
@@ -400,6 +427,30 @@ ul {
     box-shadow: 3px 4px 5px #8c8c8c;
 }
 
+.recette-form-div-desc {
+    height: 90%;
+}
+
+.recette-form {
+    height: 100%;
+    width: 100%;
+    margin: 10px;
+    padding: 10px;
+}
+
+.recette-form-group {
+    display: flex;
+    flex-direction: column;
+}
+
+#recette-form-div-desc {
+    height: 400px;
+}
+
+#recette-form-description {
+    height: 95%;
+}
+
 /*Footer et son contenue*/
 footer{
     padding: 25px;