From 51a32641c9b9a5cdd4d9135891654ec5f6974b4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ma=C3=ABl=20Solard?= <mael.solard@laposte.net>
Date: Mon, 4 Aug 2014 15:19:59 +0200
Subject: [PATCH] Add css rules about "leftcol" and "rightcol" to make modoboa
 responsive

---
 .../webmail/static/webmail/css/webmail.css    | 44 ++++++++++++++++---
 1 file changed, 38 insertions(+), 6 deletions(-)

diff --git a/modoboa/extensions/webmail/static/webmail/css/webmail.css b/modoboa/extensions/webmail/static/webmail/css/webmail.css
index d46c88c07..108a7b0e1 100644
--- a/modoboa/extensions/webmail/static/webmail/css/webmail.css
+++ b/modoboa/extensions/webmail/static/webmail/css/webmail.css
@@ -10,15 +10,24 @@
     #searchbox{
         margin-left: 20px;
     }
-}
-
-@media (max-width: 1198px) {
-    #leftcol{
+    td[name="date"] {
         display: none;
     }
+    .navbar .display-less-1198{
+        display: inherit;
+    }
+}
+
+@media (min-width: 760px) and (max-width: 1198px) {
     .navbar .display-less-1198{
         display: inline-block;
     }
+}
+
+@media (max-width: 1198px) {
+    #leftcol.leftcol-display-none{
+        display: none;
+    }
     .display-up-1198{
         display: none;
     }
@@ -138,9 +147,28 @@ div.expanded {
 }
 
 /* listing */
-
 #listing{
-    height:1000px;
+    overflow: auto;
+}
+#listing.listing-up-1198{
+    padding-left: 15px;
+}
+#listing.listing-less-1198{
+    bottom: 0px;
+    left: 0px;
+    padding-left: 0px;
+    right: 0;
+    top: 0px;
+    overflow-y: hidden;
+}
+
+#listing .test{
+    overflow-y: scroll;
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 41px;
+    bottom: 41px;
 }
 /*
  * Compose form
@@ -261,6 +289,10 @@ td[class*=openable] {
 
 /* Action buttons */
 
+#menubar .btn-toolbar{
+    margin-left: 1px;
+    margin-right: 1px;
+}
 .action-buttons {
     margin-bottom: 10px;
 }