added count-aria styleclass

src/app/app.component.html

@@ -59,7 +59,7 @@
             <mat-icon id="{{item.key}}-icon">{{item.icon}}</mat-icon>
             <mat-label>{{(item.key|tr:item.title)}}</mat-label>
             @if (item.key === 'notifs' && notificationCount > 0) {
-              <div class="notif-count">{{notificationCount}}</div>
+              <div class="count-aria">{{notificationCount}}</div>
             }
           </div>
         }

src/app/app.component.scss

@@ -94,20 +94,6 @@
     background: color-mix(in srgb, var(--pill-accent) 15%, transparent);
 }
 
-.toolbar-item .notif-count {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    right: 5%;
-    width:15px;
-    height: 15px;
-    font-size: 8pt;
-    background: yellow;
-    border-radius: 50%;
-    color: $text-color-light;
-}
-
 .profile-pic {
     height: 25px;
     width: 25px;
@@ -205,7 +191,7 @@ chat {
         display: flex;
     }
 
-    .toolbar-item .notif-count {
+    .toolbar-item .count-aria {
         right: 35%;
     }
 
@@ -228,7 +214,7 @@ chat {
 }
 
 @media screen and (pointer: none), (pointer: coarse) and (orientation: landscape) {
-    .toolbar-item .notif-count {
+    .toolbar-item .count-aria {
         right: 43%;
     }
 }

src/dependencies/angularlib

@@ -1 +1 @@
-Subproject commit 7fe5130078aa70436947f9c6fcb05023d7327c73
+Subproject commit 2d6060d3031aeda4c2c6959dfba368ab7256a6af

src/dependencies/fis

@@ -1 +1 @@
-Subproject commit 8b8021d3554f348da5bd01b2fa295bfd439bfc81
+Subproject commit 6d1a361ff5774115434f41feb7e5a743acd3b9a6