change 'autres' by'moyens de communication' and 'divers' in piece mission-context

src/app/pieces/mission-context/mission-context.component.html

@@ -19,9 +19,19 @@
             <label for="intrigue">Intrigue</label>
             <textarea name="intrigue" placeholder="Concevez un site web ergonomique pour votre premier client"></textarea>  
         </div>
+        <!--
         <div class="piece-form-other">
             <label for="other">Autre</label>
             <textarea name="other"></textarea>  
         </div> 
+        -->
+        <div class="piece-form-communication">
+            <label for="communication">Moyen(s) de communication</label>
+            <textarea name="communication"></textarea>
+        </div>
+        <div class="piece-form-divers">
+            <label for="divers">Divers</label>
+            <textarea name="divers"></textarea>
+        </div>
     </div>
 </div>

src/app/pieces/mission-context/mission-context.component.scss

@@ -114,7 +114,7 @@
             margin-top: 10px;
         }
         &-intrigue{
-            height: 55%;
+            height: 35%;
             margin-top: 10px;
             display: flex;
             flex-direction: column;
@@ -125,6 +125,7 @@
                 background-size: 30%;
             }
         }
+        /*
         &-other {
             display: flex;
             flex-direction: column;
@@ -137,6 +138,25 @@
                 background-size: 30%;
             }
         }
+        */
+        &-communication {
+            display: flex;
+            flex-direction: column;
+            height: 20%;
+
+            textarea {
+                background-image: url("../../../assets/background-images/com.png");
+                background-position: center;
+                background-repeat: no-repeat;
+                background-size: 30%;
+            }
+        }
+
+        &-divers {
+            display: flex;
+            flex-direction: column;
+            height: 20%;
+        }
     }
 }
 

src/app/sider-pieces/comments/comments.component.scss

@@ -48,14 +48,6 @@
                 left: 100%;
                 transform: translateX(-100%);
             }
-
-            textarea {
-                background-image: url("../../../assets/background-images/com.png");
-                background-position: center;
-                background-repeat: no-repeat;
-                background-size: 30%;
-                min-height: 100px;
-            }
         }
     }
 }
\ No newline at end of file