fix prerequire css

src/app/pieces/tasks/task/task.component.html

@@ -103,7 +103,7 @@
                     <div class="piece-prerequires-ressources-element" *ngIf="ressource.name">
                         <div class="piece-prerequires-ressources-element-checkbox">
                             <input name="ressource" type="checkbox" (change)="checkboxChangedRessource($event, ressource)" [checked]="isCheckedRessource(ressource)"/>
-                            <label for="ressource">{{ressource.name}}</label>   
+                            <label for="ressource" [title]="ressource.name">{{ressource.name}}</label>   
                         </div>
                         <div class="piece-prerequires-ressources-element-quantity" *ngIf="isCheckedRessource(ressource)">
                             <select name="ressource" [(ngModel)]="getAssociatePrerequireRessource(ressource).operator">
@@ -121,7 +121,7 @@
                     <div class="piece-prerequires-ressources-element" *ngIf="ressource.name">
                         <div class="piece-prerequires-ressources-element-checkbox">
                             <input name="ressource" type="checkbox" (change)="checkboxChangedRessource($event, ressource)" [checked]="isCheckedRessource(ressource)"/>
-                            <label for="ressource">{{ressource.name}}</label>   
+                            <label for="ressource" [title]="ressource.name">{{ressource.name}}</label>   
                         </div>
                         <div class="piece-prerequires-ressources-element-quantity" *ngIf="isCheckedRessource(ressource)">
                             <select name="ressource" [(ngModel)]="getAssociatePrerequireRessource(ressource).operator">

src/app/pieces/tasks/task/task.component.scss

@@ -140,7 +140,8 @@
         &-form {
             display: flex;
             flex-direction: column;
-            overflow: scroll;
+            overflow-x: hidden;
+            overflow-y: auto;
         }
 
         &-prerequires {
@@ -150,7 +151,6 @@
             transform: translateY(-50%);
             width: 50%;
             height: 90%;
-            border-bottom-left-radius: 10px;
             display: flex;
             flex-direction: column;
         }
@@ -162,8 +162,6 @@
             position: relative;
             top: 50%;
             transform: translateY(-50%);
-            width: 50%;
-            height: 90%;
             border-bottom-left-radius: 10px;
             display: flex;
             flex-direction: column;
@@ -171,7 +169,6 @@
             &-element {
                 display: flex;
                 flex-direction: row;
-                width: 100%;
                 margin-top: 5px;
 
                 &-checkbox {
@@ -186,7 +183,7 @@
                     position: relative;
                     width: 50%;
                     display: flex;
-                    padding-right: 5px;
+                    margin-right: 10px;
                     justify-content: flex-end;
 
                     input {