diff --git a/src/frontend/app/administration/basket/list/list-administration.component.html b/src/frontend/app/administration/basket/list/list-administration.component.html index 4389a076f8ad7673c7f873da9c3c5fc9ac93e85b..ad220b515986e177450ee5f75ef22b73013f6cdf 100644 --- a/src/frontend/app/administration/basket/list/list-administration.component.html +++ b/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> \ No newline at end of file +</div> diff --git a/src/frontend/app/administration/basket/list/list-administration.component.scss b/src/frontend/app/administration/basket/list/list-administration.component.scss index c111227b04535741e553e67c70725b1d99f7ca48..54f04dce9700505a16df39403bc227d1b7d9a926 100644 --- a/src/frontend/app/administration/basket/list/list-administration.component.scss +++ b/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 +}