Few changes...

see #585

modoboa/extensions/webmail/static/webmail/css/webmail.css

@@ -52,30 +52,30 @@
     overflow-y: auto;
 }
 
-.sidebar .ui-resizable-handle {
-    background-position: center center;
-    background-repeat: no-repeat;
-}
+/* .sidebar .ui-resizable-handle { */
+/*     background-position: center center; */
+/*     background-repeat: no-repeat; */
+/* } */
 
-.sidebar .ui-resizable-n {
-    top: 0px;
-}
+/* .sidebar .ui-resizable-n { */
+/*     top: 0px; */
+/* } */
 
-.sidebar .ui-resizable-s {
-    bottom: 0px;
-}
+/* .sidebar .ui-resizable-s { */
+/*     bottom: 0px; */
+/* } */
 
-.sidebar .ui-resizable-e {
-    right: 0px;
-    background-image: url("../../pics/grippy.png");
-    width: 8px;
-}
+/* .sidebar .ui-resizable-e { */
+/*     right: 0px; */
+/*     background-image: url("../../pics/grippy.png"); */
+/*     width: 8px; */
+/* } */
 
-.sidebar .ui-resizable-w {
-    left: 0px;
-    background-image: url("../../pics/grippy.png");
-    width: 8px;
-}
+/* .sidebar .ui-resizable-w { */
+/*     left: 0px; */
+/*     background-image: url("../../pics/grippy.png"); */
+/*     width: 8px; */
+/* } */
 
 .nav-sidebar li > a {
     padding-top: 7px;

modoboa/templates/nlayout.html

@@ -19,16 +19,23 @@
   <body>
     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
       <div class="container-fluid">
-        <div class="navbar-header">
-          <button class="navbar-toggle collapsed" data-target=".navbar-collapse" data-toggle="collapse" type="button">
+
+          <button class="navbar-toggle collapsed pull-right" data-target="#topmenu" data-toggle="collapse" type="button">
             <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-        </div>
 
-        <div id="navigate-navbar-collapse" class="navbar-collapse collapse">
+          <button class="navbar-toggle collapsed pull-left" data-target="#leftcol" data-toggle="collapse" type="button">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+
+
+        <div id="topmenu" class="collapse navbar-collapse">
           <ul class="nav navbar-nav">
             {% if selection %}
               {% extensions_menu selection user %}{% core_menu selection user %}

modoboa/templates/twocols.html

@@ -3,7 +3,7 @@
 {% load core_tags %}
 
 {% block container_content %}
-<div class="sidebar">
+<div id="leftcol" class="sidebar collapse navbar-collapse">
   {% block leftcol %}{% endblock %}
 </div>
 <div class="main">