Mobile friendly

2017-01-31 10:31:57 +01:00
parent 0b6ca72dfc
commit 4dc3b4f651
11 changed files with 125 additions and 25 deletions
--- a/website/public/styles/chat.css
+++ b/website/public/styles/chat.css
@@ -146,8 +146,20 @@ body {
    text-align: right;
 }

-@media only screen and (max-width: 1200px) {
+@media only screen and (max-width: 1080px) {
    .chat-message-self, .chat-message-other {
        max-width: 75%;
    }
+    .chat {
+        left: 0;
+        width: 100%;
+    }
+    #chat-recent-panel {
+        left: 0;
+        width: 320px;
+    }
+    #chat-history {
+        left: 50%;
+        width: calc(100% - 390px);
+    }
 }