diff --git a/src/frontend/app/menu/menu-shortcut.component.html b/src/frontend/app/menu/menu-shortcut.component.html index 773c5379d0614262523599633ab796f08db9ab89..19fed45a3dd0cc25ad046da800cdfb27b643c6a7 100755 --- a/src/frontend/app/menu/menu-shortcut.component.html +++ b/src/frontend/app/menu/menu-shortcut.component.html @@ -4,7 +4,7 @@ <div class="button-row" style="padding-left: 10px;padding-right: 10px;display: flex;width: 300px;margin-top: -10px;margin-bottom: 10px;"> <ng-container *ngFor="let shortcut of privilegeService.shortcuts"> <span style="flex:1;text-align: left;padding: 5px;" *ngIf="(shortcut.id == 'indexing' && shortcut.groups.length<=1) || (shortcut.id != 'indexing')"> - <button [id]="shortcut.id" style="z-index: 9999;" color="default" mat-fab (click)="gotToMenu(shortcut);" matTooltip="{{shortcut.label}}" + <button [id]="shortcut.id" class="followedShortcut" style="z-index: 9999;" color="default" mat-fab (click)="gotToMenu(shortcut);" matTooltip="{{shortcut.label}}" matTooltipPosition="above"> <mat-icon class="fa {{shortcut.style}}" style="height:auto;font-size:22px;" matBadge="{{headerService.nbResourcesFollowed}}" matBadgeHidden="{{shortcut.id != 'followed'}}" diff --git a/src/frontend/app/menu/menu-shortcut.component.scss b/src/frontend/app/menu/menu-shortcut.component.scss index 7c5476dcd15c771b1d96e33fc9d3de02dbc79fd8..39984c0ff494f256069413e4e5ccd5d3b45fd708 100755 --- a/src/frontend/app/menu/menu-shortcut.component.scss +++ b/src/frontend/app/menu/menu-shortcut.component.scss @@ -25,14 +25,16 @@ height: auto !important; } -.mat-badge-content { - width: auto; - min-width: 25px; - min-height: 25px; - text-align: center; - align-items: center; - padding: 2px 2px; - font-size: 15px; - top: -7px !important; - right: -8px !important; +.followedShortcut { + ::ng-deep.mat-badge-content { + width: auto; + min-width: 25px; + min-height: 25px; + text-align: center; + align-items: center; + padding: 2px 2px; + font-size: 15px; + top: -23px !important; + right: -22px !important; + } }