Add Angular specific selectors for Message and Avatar

Author: szuperaz

src/styles/Avatar.scss

@@ -42,11 +42,27 @@
 
 .str-chat__message {
   &--me {
-    > .str-chat__avatar {
+    %order {
       order: 1;
+    }
+
+    %margin {
       margin: 0;
       margin-left: var(--xs-m);
     }
+
+    > .str-chat__avatar {
+      @extend %order;
+      @extend %margin;
+    }
+
+    > .str-chat-angular__avatar-host {
+      @extend %order;
+
+      > .str-chat__avatar {
+        @extend %margin;
+      }
+    }
   }
 }
 

src/styles/Message.scss

@@ -864,7 +864,8 @@
     color: var(--overlay-dark);
   }
 
-  > .str-chat__avatar {
+  > .str-chat__avatar,
+  > .str-chat-angular__avatar-host > .str-chat__avatar {
     align-self: flex-end;
     margin-right: 0;
   }