Chats: mobile styling

app/styles/chats.scss

@@ -176,9 +176,24 @@
   }
 }
 
-.column .chat-box {
+.ui--chatroom {
-  max-height: calc(100vh - 125px);
+  padding-bottom: 0;
-  overflow: hidden;
+
-  display: flex;
+  .columns-area__panels__main .columns-area {
-  flex-direction: column;
+    height: calc(100vh - 100px);
+    box-sizing: border-box;
+    overflow: hidden;
+
+    @media(max-width: 630px) {
+      height: calc(100vh - 50px);
+    }
+  }
+
+  .page {
+    .chat-box {
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+  }
 }