Style channel messages a bit differently

src/assets/css/channel.scss

@@ -0,0 +1,24 @@
+.chat-root.channel {
+    background-color: #f2f2f2;
+    .chat-content {
+        width: 100%;
+        max-width: 700px;
+        align-self: center;
+        background-color: white;
+    }
+
+    .messageOut, .messageIn {
+        display: flex;
+        flex-wrap: wrap;
+        .senderAndTime {
+            flex: 0 0 100%;
+        }
+        .content {
+            flex: 1 1 auto;
+        }
+        .bubble {
+            width: 100%;
+            max-width: 100%;
+        }
+    }
+}

src/assets/css/chat.scss

@@ -2,6 +2,7 @@
 @import "@/assets/css/main.scss";
 @import "@/assets/css/vendors/v-emoji-picker";
 @import "@/assets/css/filedrop.scss";
+@import "@/assets/css/channel.scss";
 
 $admin-bg: black;
 $admin-fg: white;