From 9df9ca970ae8ba5eb9b4fccced4f361b6a7d0173 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@0d.be>
Date: Thu, 20 Apr 2017 07:31:16 +0200
Subject: [PATCH] chat: use full lines for messages on mobile

---
 panikweb_templates/static/css/_specifics.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 96bd8ab..24aea79 100644
--- 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;
-- 
GitLab