QChat: fix shrinked avatar with long text (quasarframework#2360)

close quasarframework#2349

Author: pdanpdan

dev/components/components/chat.vue

@@ -84,6 +84,12 @@ export default {
           avatar: '/statics/linux-avatar.png',
           stamp: 'Yesterday at 13:51'
         },
+        {
+          name: 'Vladimir',
+          text: ['I\'m also fine, thank you. But I feel like writing a very long text here too test the avatar.'],
+          avatar: '/statics/boy-avatar.png',
+          stamp: 'Yesterday 13:34'
+        },
         {
           label: 'Sunday, 19th'
         },

src/components/chat/QChatMessage.js

@@ -92,7 +92,7 @@ export default {
         this.$slots.avatar || (
           this.avatar
             ? h('img', {
-              staticClass: 'q-message-avatar',
+              staticClass: 'q-message-avatar col-auto',
               attrs: { src: this.avatar }
             })
             : null