styling changes

*notification popup

dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html

@@ -1,3 +1,5 @@
+<div class="dropdown-top"></div>
+
 <mat-nav-list class="inapp-notification-listing-dialog">
 	<a *ngFor="let inappNotification of inappNotifications; last as last;" mat-list-item (click)="goToNotification(inappNotification)">
 		<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon>drafts</mat-icon>

dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss

@@ -1,3 +1,13 @@
+
+.dropdown-top {
+  width: 0rem;
+  border-bottom: 0.625rem solid #FFFFFF;
+  border-left: 0.625rem solid transparent;
+  border-right: 0.625rem solid transparent;
+  position: fixed;
+  transform: translate(27.65rem, -0.6rem);
+}
+
 .inapp-notification-listing-dialog {
 	padding-top: 0em;
 

dmp-frontend/src/app/ui/navbar/navbar.component.ts

@@ -304,9 +304,11 @@ export class NavbarComponent extends BaseComponent implements OnInit {
 		} else {
 			this.countUnreadInappNotifications();
 			this.inAppNotificationDialog = this.dialog.open(MineInAppNotificationListingDialogComponent, {
-				position: {
-					top: '64px', right: '0px'
-				}
+				hasBackdrop: true,
+				autoFocus: false,
+				closeOnNavigation: true,
+				disableClose: false,
+				position: { top: '71px', right: '4.8em' },
 			});
 			this.inAppNotificationDialog.afterClosed().pipe(takeUntil(this._destroyed)).subscribe(result => {
 				this.countUnreadInappNotifications();