chat: use full lines for messages on mobile

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 96bd8ab264a8157f43d3d2f66114ab36ca862730..24aea79db8b5c322ab04b031b797e1079f266bd3 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -1962,6 +1962,18 @@ div.chat-area {
        color: #666;
 }
 
+@media screen and (max-width: 760px) {
+    #chat span.from {
+        display: block;
+        position: static;
+        width: auto;
+    }
+    #chat span.content {
+        display: block;
+        padding-left: 2rem;
+    }
+}
+
 h1.top > span.chat.with-logo {
        position: relative;
        left: 140px;