FEAT #14235 TIME 0:10 fix css

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'}}"

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;
+    }
 }