Fix scroll in notifications page

diff --git a/client/src/app/menu/avatar-notification.component.scss b/client/src/app/menu/avatar-notification.component.scss
index 47d04ace33a0c9b6c8568fc3085eddb63ab36d5f..807385022d64bd4b22be3c121d5a68b820cae186 100644 (file)
--- a/client/src/app/menu/avatar-notification.component.scss
+++ b/client/src/app/menu/avatar-notification.component.scss
@@ -13,6 +13,7 @@
       max-height: 500px;
       min-width: 200px;
       box-shadow: 0 6px 14px rgba(0, 0, 0, 0.30);
+      overflow-y: auto;
 
       .notifications-header {
         display: flex;

diff --git a/client/src/app/shared/users/user-notifications.component.ts b/client/src/app/shared/users/user-notifications.component.ts
index 682116226a72c14a466f3543e36c7d39c762b00f..50c495a9ac243d0fbbd15e6f5f36b198e0f3c4d7 100644 (file)
--- a/client/src/app/shared/users/user-notifications.component.ts
+++ b/client/src/app/shared/users/user-notifications.component.ts
@@ -21,7 +21,7 @@ export class UserNotificationsComponent implements OnInit {
 
   componentPagination: ComponentPagination = {
     currentPage: 1,
-    itemsPerPage: 10,
+    itemsPerPage: 20,
     totalItems: null
   }