Fix create form and add edit Recettes / delete Recettes

public/assets/css/style.css

@@ -432,31 +432,88 @@ ul {
 }
 
 .recette-form {
-    height: 100%;
-    width: 100%;
+    height: 80%;
+    width: 80%;
     margin: 10px;
     padding: 10px;
+    border: 1px solid black;
+    background: white;
+    border-radius: 20px;
 }
 
 .recette-form-group {
     display: flex;
     flex-direction: column;
+    padding: 5px;
 }
 
 #recette-form-div-desc {
-    height: 400px;
+    height: 300px;
 }
 
 #recette-form-description {
     height: 95%;
 }
 
+.recette-add-form-all {
+    display: flex;
+    flex-direction: row;
+    overflow: hidden;
+}
+
+.recette-form-add {
+    flex: 3;
+}
+
+.recette-form-add-ingr {
+    height: 30%;
+}
+
+.recette-form-add-tag {
+    height: 30%;
+}
+
+.recette-form-add-additional{
+    flex: 1;
+    padding-right: 10px;
+}
+
+.err {
+    color: red;
+    display: none;
+    text-align: center;
+    padding-top: 20px;
+}
+
+.liste-ingr-elem {
+    display: flex;
+    height: 100px;
+    padding:5px;
+    background-color: #c6fdefe0;
+    color: #000000;
+    border: 1px solid black;
+    border-radius: 10px;
+    box-shadow: 1px 1px 1px black;
+}
+
+.liste-ingr-elem-text {
+    width: 100%;
+    height: 100%;
+    flex:12;
+    padding-left: 20px;
+    line-height: 100px;
+}
+
+.ingr-image {
+    flex: 1;
+    border: 1px solid black;
+    border-radius: 10px;
+}
+
 /*Footer et son contenue*/
 footer{
     padding: 25px;
     background: rgb(11, 189, 144);
     color: white;
-}
-
-
-
+    border-top: 1px solid black;
+}