fix: Responsive issue in activity message (#2090)

app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss

@@ -230,6 +230,10 @@
     }
   }
 
+  &.center {
+    justify-content: center;
+  }
+
   .wrap {
     @include margin($zero $space-normal);
     max-width: 69%;
@@ -258,17 +262,12 @@
     margin: var(--space-small) var(--space-normal);
     padding: var(--space-small) var(--space-normal);
 
-    @include breakpoint(xlarge up) {
-      margin: var(--space-small) auto;
-    }
-
     .is-text {
       display: inline-block;
       text-align: start;
 
-      @include breakpoint(xlarge up) {
+      @include breakpoint(xxxlarge up) {
         display: flex;
-        text-align: center;
       }
     }
   }

app/javascript/dashboard/components/widgets/conversation/Message.vue

@@ -143,6 +143,10 @@ export default {
       return `https://twitter.com/${screenName}`;
     },
     alignBubble() {
+      const { message_type: messageType } = this.data;
+      if (messageType === MESSAGE_TYPE.ACTIVITY) {
+        return 'center';
+      }
       return !this.data.message_type ? 'left' : 'right';
     },
     readableTime() {