FS-8030 [verto_communicator] changed chat image display behavior (break line before rendering).

html5/verto/verto_communicator/src/css/verto.css

@@ -925,6 +925,10 @@ body .modal-body .btn-group .btn.active {
   color: #FFF;
 }
 
+.chat-img {
+  display: block;
+}
+
 .chat-members .chat-member-item {
   padding: 8px 16px;
   height: 56px;

html5/verto/verto_communicator/src/vertoFilters/filters/picturify.js

@@ -11,11 +11,11 @@
       var i = 0;
       width = width || 150; //default width
       if(regex64.test(text)) {
-        text = text.replace(regex64, '<a href="$1" target="_blank"><img width="'+ width +'" src="data:image/png;base64,$2"/></a>')
+        text = text.replace(regex64, '<a href="$1" target="_blank"><img class="chat-img" width="'+ width +'" src="data:image/png;base64,$2"/></a>')
       }
 
       do {
-        text = text.replace(regex, '<a $1href="$2"><img width="'+ width +'" src="$2"/></a>');
+        text = text.replace(regex, '<a $1href="$2"><img class="chat-img" width="'+ width +'" src="$2"/></a>');
       } while((!n || (n && i++ < n)) && regex.test(text));
 
       return text;