AW-2081 Align avatar

projects/common/src/fm/components/avatar/avatar.component.html

@@ -1,5 +1,6 @@
 <span class="avatar-container" [title]="name">
 	<ngx-avatar 
+		class="farmmaps-avatar"
 		[src]="src" 
 		[name]="name" 
 		[size]="size"

projects/common/src/fm/components/avatar/avatar.component.scss

@@ -1,6 +1,7 @@
 .avatar-container {
     position: relative;
 }
+
 .avatar-text {
     position: absolute;
     top: 25px;
@@ -10,4 +11,8 @@
     color: white;
     padding-left: 20px;
     padding-right: 20px;
+}
+
+.farmmaps-avatar /deep/ .avatar-content {
+    vertical-align: top;
 }

projects/common/src/fm/components/avatar/avatar.component.ts

@@ -5,7 +5,7 @@ import { AppConfig } from '../../shared/app.config';
 @Component({
   selector: 'fm-avatar',
   templateUrl: './avatar.component.html',
-  styleUrls: ['./avatar.component.css']
+  styleUrls: ['./avatar.component.scss']
 })
 export class AvatarComponent implements OnInit {