From 95c55aa931524a1165f91777fec9d4373735e5b4 Mon Sep 17 00:00:00 2001
From: "Fedor A. Fetisov" <faf@ossg.ru>
Date: Tue, 23 Jan 2018 17:45:48 +0300
Subject: [PATCH] Implement responsive design

See https://mibew.org/forums/index.php/topic,191515.msg199759.html for details
---
 src/mibew/styles/chats/default/chat.css   | 12 ++++++++++--
 src/mibew/styles/chats/default/iframe.css |  2 ++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/mibew/styles/chats/default/chat.css b/src/mibew/styles/chats/default/chat.css
index 35810ad7..dd9004e6 100644
--- a/src/mibew/styles/chats/default/chat.css
+++ b/src/mibew/styles/chats/default/chat.css
@@ -26,7 +26,7 @@ body {
     font-size: 11px;
     font-family: Tahoma, sans-serif;
     line-height: 1;
-    min-width: 500px;
+    min-width: auto;
     background-color: #f1f2f2;
 }
 body.rtl {
@@ -83,7 +83,7 @@ img {
     background: #ffffff url("images/bottombg.gif") scroll repeat-x 0 0;
 }
 #footer {
-    width: 400px;
+    max-width: 100%;
     margin: 0 auto;
     padding-top: 5px;
     padding-bottom: 5px;
@@ -387,6 +387,7 @@ a:hover .image-close-window {
 /* leavy message */
 #message-leave {
     resize: none;
+    width: 100%;
 }
 
 /* error page (error.tpl) */
@@ -559,3 +560,10 @@ ul li {
     float: none;
     display: inline-block;
 }
+
+.username {
+    width: 100%;
+}
+#logo img {
+    max-width: 100%;
+}
diff --git a/src/mibew/styles/chats/default/iframe.css b/src/mibew/styles/chats/default/iframe.css
index 0cf9f77b..0465fc61 100644
--- a/src/mibew/styles/chats/default/iframe.css
+++ b/src/mibew/styles/chats/default/iframe.css
@@ -21,6 +21,8 @@ div.mibew-chat-wrapper {
     position: fixed !important;
     bottom: 5px !important;
     right: 5px !important;
+    -webkit-overflow-scrolling: touch !important;
+    overflow-y: scroll !important;
 }
 
 iframe.mibew-chat-frame {