styling changes

*annotations-dialog>user image

dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.html

@@ -85,8 +85,8 @@
 									<div class="row">
 										<div class="col-12">
 											<div class="row h-100">
-												<div class="col-auto pr-0">
+												<div class="col-auto pr-0 account-icon-wrapper">
-													<img class="profile-picture" src="/assets/images/annotations/user-profile-2.png" alt="profile-picture">
+													<mat-icon class="account-icon">account_circle</mat-icon>
 												</div>
 												<div class="col">
 													<div class="row">
@@ -127,8 +127,8 @@
 																	<div class="row">
 																		<div class="col-12">
 																			<div class="row h-100">
-																				<div class="col-auto p-0">
+																				<div class="col-auto p-0 account-icon-wrapper">
-																					<img class="profile-picture" src="/assets/images/annotations/user-profile-2.png" alt="profile-picture">
+																					<mat-icon class="account-icon">account_circle</mat-icon>
 																				</div>
 																				<div class="col">
 																					<div class="row">

dmp-frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss

@@ -75,11 +75,14 @@ $mat-card-header-size: 40px !default;
 	text-align: center;
 }
 
-.profile-picture {
+.account-icon-wrapper {
-  height: $mat-card-header-size;
+  color: #d5d5d5;
-  width: $mat-card-header-size;
+}
-  border-radius: 50%;
+
-  flex-shrink: 0;
+.account-icon {
+  font-size: 2.5em;
+  height: auto;
+  width: auto;
 }
 
 .comment-wrapper {