FEAT #13515 TIME 1:20 fix autocomplete contact width

src/frontend/app/administration/basket/list/list-administration.component.html

@@ -37,11 +37,13 @@
                     placeholder="{{lang.availableDatas}}" [matAutocomplete]="auto">
                 <mat-autocomplete #auto="matAutocomplete" (optionSelected)="addData($event)">
                     <mat-option *ngFor="let item of filteredDataOptions | async" [value]="item" class="dataList">
-                        <span class="dataIcon">
-                            <i color="primary" class="fa {{item.icon}} fa-2x"></i>
-                        </span>
-                        <span class="dataLabel">
-                            {{item.label}}
+                        <span class="optionContent">
+                            <span class="dataIcon">
+                                <i color="primary" class="fa {{item.icon}} fa-2x"></i>
+                            </span>
+                            <span class="dataLabel">
+                                {{item.label}}
+                            </span>
                         </span>
                     </mat-option>
                 </mat-autocomplete>
@@ -165,4 +167,4 @@
             {{lang.cancel}}
         </button>
     </div>
-</div>
+</div>
\ No newline at end of file

src/frontend/app/administration/basket/list/list-administration.component.scss

@@ -171,7 +171,7 @@
   }
 }
 
-::ng-deep .mat-option-text {
+.optionContent {
   display: flex !important;
 
   .dataIcon {
@@ -236,4 +236,4 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-}
+}
\ No newline at end of file