FIX #12085 TIME 0:15 css hover edit order group

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

@@ -3,8 +3,8 @@
         <mat-panel-title>
             <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', 'opacity': editOrderGroups ? '1' : '0.4'}" mat-list-icon class="fa fa-cog" style="height:auto;"></mat-icon>
+        <div title="{{lang.listConfiguration}}" (click)="$event.stopPropagation();editGroupOrder()" (mouseover)="hoverEditGroupOrder=true" (mouseleave)="hoverEditGroupOrder=false">
+            <mat-icon [ngStyle]="{'color': editOrderGroups ? 'orange' : '#135F7F', 'opacity': editOrderGroups || hoverEditGroupOrder ? '1' : '0.4'}" mat-list-icon class="fa fa-cog" style="height:auto;"></mat-icon>
         </div>
     </mat-expansion-panel-header>
     <ng-container *ngIf="!loading">