cleaning mission-context code

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

@@ -19,12 +19,6 @@
             <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>

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

 .piece {
-    --piece-background-color: #eac19b; 
+    --piece-background-color: #eac19b;
 
     width: 400px;
     height: 800px;
@@ -22,17 +22,21 @@
         display: flex;
         padding: 15px 20px 15px 20px;
         justify-content: space-around;
+
         mat-icon {
             cursor: pointer;
             transform: scale(1.1);
         }
+
         mat-icon:hover {
             opacity: 0.75;
         }
     }
+
     &-menu.show {
         transform: translateX(-50%) translateY(0);
     }
+
     &-menu.hide {
         transform: translateX(-50%) translateY(100%);
     }
@@ -42,6 +46,7 @@
         border-top: solid black 1px;
         border-right: solid black 1px;
         border-bottom: solid black 1px;
+
         &-right {
             position: absolute;
             width: 20px;
@@ -51,6 +56,7 @@
             right: -20px;
             transform: translateY(-50%);
         }
+
         &-left {
             &-top {
                 position: absolute;
@@ -61,6 +67,7 @@
                 left: -0px;
                 transform: translateY(-50%);
             }
+
             &-bottom {
                 position: absolute;
                 width: 20px;
@@ -81,12 +88,14 @@
         flex-direction: column;
         align-items: stretch;
         z-index: 2;
+
         label {
             font-size: 20px;
             font-weight: lighter;
             margin-top: 10px;
             margin-bottom: 5px;
-        }  
+        }
+
         input {
             height: 40px;
             border-radius: 10px;
@@ -94,6 +103,7 @@
             padding: 5px 10px 5px 10px;
             font-size: 15px;
         }
+
         textarea {
             border-radius: 20px;
             padding: 10px;
@@ -102,22 +112,26 @@
             flex-grow: 1;
             font-size: 15px;
         }
+
         &-title {
             margin-top: 20px;
             font-size: 25px;
             //font-weight: bold;
             font-family: 'Glacial Indifference Bold';
         }
+
         &-duration {
             display: flex;
             flex-direction: column;
             margin-top: 10px;
         }
-        &-intrigue{
+
+        &-intrigue {
             height: 35%;
             margin-top: 10px;
             display: flex;
             flex-direction: column;
+
             textarea {
                 background-image: url("../../../assets/background-images/contexte.png");
                 background-position: center;
@@ -125,20 +139,7 @@
                 background-size: 30%;
             }
         }
-        /*
-        &-other {
-            display: flex;
-            flex-direction: column;
-            margin-bottom: 25px;
-            height: 30%;
-            textarea {
-                background-image: url("../../../assets/background-images/map.png");
-                background-position: center;
-                background-repeat: no-repeat;
-                background-size: 30%;
-            }
-        }
-        */
+
         &-communication {
             display: flex;
             flex-direction: column;