FIX #93 add mat-form-field for select relatedImg

apps/maarch_entreprise/Views/status-administration.component.html

 <div class="page-header">
-    <h1 *ngIf="!creationMode">{{lang.statusModification}} <small>{{status.id}}</small></h1>
-    <h1 *ngIf="creationMode">{{lang.statusCreation}} <small>{{status.id}}</small></h1>
+    <h1 *ngIf="!creationMode">{{lang.statusModification}}
+        <small>{{status.id}}</small>
+    </h1>
+    <h1 *ngIf="creationMode">{{lang.statusCreation}}
+        <small>{{status.id}}</small>
+    </h1>
 </div>
 <div *ngIf="loading">
     <mat-spinner style="margin:auto;"></mat-spinner>
@@ -11,14 +15,16 @@
             <div class="form-group">
                 <div class="col-sm-12">
                     <mat-form-field>
-                        <input matInput [(ngModel)]="status.id" [disabled]="!creationMode" maxlength="10" name="id" id="id" title="{{lang.id}}" placeholder="{{lang.id}}" type="text" pattern="^[\w.-]*$" required>
+                        <input matInput [(ngModel)]="status.id" [disabled]="!creationMode" maxlength="10" name="id" id="id" title="{{lang.id}}" placeholder="{{lang.id}}"
+                            type="text" pattern="^[\w.-]*$" required>
                     </mat-form-field>
                 </div>
             </div>
             <div class="form-group">
                 <div class="col-sm-12">
                     <mat-form-field>
-                        <input matInput name="label_status" id="label_status" maxlength="50" [(ngModel)]="status.label_status" title="{{lang.statusName}}" placeholder="{{lang.statusName}}" type="text" required>
+                        <input matInput name="label_status" id="label_status" maxlength="50" [(ngModel)]="status.label_status" title="{{lang.statusName}}"
+                            placeholder="{{lang.statusName}}" type="text" required>
                     </mat-form-field>
                 </div>
             </div>
@@ -27,7 +33,7 @@
                     <div class="panel-body">
                         <div class="col-sm-4" style="white-space:nowrap;">
                             <mat-slide-toggle [(ngModel)]="status.can_be_searched" id="can_be_search" name="can_be_search" color="primary" [checked]="status.can_be_searched == true">
-                                    {{lang.canBeSearched}}
+                                {{lang.canBeSearched}}
                             </mat-slide-toggle>
                             <sup>
                                 <i class="fa fa-question-circle" matTooltip="{{lang.tooltipSearchStatus}}"></i>
@@ -57,11 +63,13 @@
                     <mat-icon class="fm {{status.img_filename}} fm-2x" aria-hidden="true" color="primary"></mat-icon>
                 </div>
                 <div class="col-sm-11">
-                    <mat-select [(ngModel)]="status.img_filename" placeholder="{{lang.imgRelated}}" id="status" name="status" required>
-                        <mat-option *ngFor="let image of statusImages" [value]="image.image_name">
+                    <mat-form-field>
+                        <mat-select [(ngModel)]="status.img_filename" placeholder="{{lang.imgRelated}}" id="status" name="status" required>
+                            <mat-option *ngFor="let image of statusImages" [value]="image.image_name">
                                 <i [ngClass]="[image.image_name.indexOf('fm') == 0 ? 'fm' : 'fa']" class="{{image.image_name}} fa-2x" color="primary"></i> {{image.image_name}}
-                        </mat-option>
-                    </mat-select>
+                            </mat-option>
+                        </mat-select>
+                    </mat-form-field>
                 </div>
             </div>
             <div class="col-sm-12 panel-body" style="text-align:center;">
@@ -70,4 +78,4 @@
             </div>
         </form>
     </div>
-</div>
+</div>
\ No newline at end of file