FEAT #12085 TIME 0:20 order groups in home page

src/frontend/app/basket/basket-home.component.html

@@ -4,7 +4,7 @@
             <i class="fa fa-inbox panelIconMenu"></i>&nbsp;{{lang.myBaskets}}
         </mat-panel-title>
         <div title="{{lang.listConfiguration}}" (click)="$event.stopPropagation();editGroupOrder()">
-            <mat-icon [ngStyle]="{'color': editOrderGroups ? 'orange' : '#135F7F'}" mat-list-icon class="fa fa-cog" style="height:auto;"></mat-icon>
+            <mat-icon [ngStyle]="{'color': editOrderGroups ? 'orange' : '#135F7F', 'opacity': editOrderGroups ? '1' : '0.4'}" mat-list-icon class="fa fa-cog" style="height:auto;"></mat-icon>
         </div>
     </mat-expansion-panel-header>
     <ng-container *ngIf="!loading">
@@ -12,7 +12,7 @@
             style="padding-left:20px;padding-right:20px;font-size: 11px;">
             <input matInput placeholder="{{lang.filterBy}}" #listFilter>
         </mat-form-field>
-        <div *ngIf="editOrderGroups" style="color: rgba(0,0,0,0.25);text-align:center">
+        <div *ngIf="editOrderGroups" style="color: rgba(0,0,0,0.25);text-align:center;">
             {{lang.noticeGroupeOrder}}
         </div>
         <mat-list *ngIf="editOrderGroups">