From 20d97e5bce6224153d36cb75f0eaead544f3561e Mon Sep 17 00:00:00 2001 From: "Fedor A. Fetisov" Date: Fri, 26 Jan 2018 13:08:29 +0300 Subject: [PATCH] Improve media query logic for responsive design Fix footer width for mobile devices --- src/mibew/styles/chats/default/chat.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/mibew/styles/chats/default/chat.css b/src/mibew/styles/chats/default/chat.css index 33761fbb..98ad29e2 100644 --- a/src/mibew/styles/chats/default/chat.css +++ b/src/mibew/styles/chats/default/chat.css @@ -83,7 +83,6 @@ img { background: #ffffff url("images/bottombg.gif") scroll repeat-x 0 0; } #footer { - width: 400px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; @@ -578,3 +577,10 @@ ul li { max-width: 100%; } } + +/* additional trick for desktops */ +@media (min-width: 501px) { + #footer { + width: 400px; + } +}