Tweak placement of sidebarPanel and dimpmain

diff --git a/imp/js/DimpBase.js b/imp/js/DimpBase.js
index 3359509..5284fea 100644 (file)
--- a/imp/js/DimpBase.js
+++ b/imp/js/DimpBase.js
@@ -2559,13 +2559,11 @@ var DimpBase = {
         /* Limit to msgList only. */
         $('msgList').observe('dblclick', this.dblclickHandler.bindAsEventListener(this));
 
-        /* Set sidebar width. */
-        $('sidebarPanel').setStyle({ width: DIMP.conf.sidebar_width });
-        $('dimpmain').setStyle({ left: DIMP.conf.sidebar_width });
-
         /* Show page now. */
+        $('sidebarPanel').setStyle({ width: DIMP.conf.sidebar_width });
         $('dimpLoading').hide();
         $('dimpPage').show();
+        $('dimpmain').setStyle({ left: $('sidebarPanel').getWidth() + 'px' });
 
         /* Create the folder list. Any pending notifications will be caught
          * via the return from this call. */

diff --git a/imp/themes/screen-dimp.css b/imp/themes/screen-dimp.css
index ac49afe..5ce9993 100644 (file)
--- a/imp/themes/screen-dimp.css
+++ b/imp/themes/screen-dimp.css
@@ -15,6 +15,28 @@ input {
     color: red;
 }
 
+/* Main container styles. */
+#sidebarPanel {
+    bottom: 0;
+    border-bottom: 0;
+    cursor: default;
+    left: 0;
+    position: absolute;
+    top: 0;
+    padding: 5px 0 0 5px;
+    white-space: normal;
+    z-index: 1;
+    -moz-border-radius-bottomright: 0;
+    -webkit-border-bottom-right-radius: 0;
+}
+#dimpmain {
+    bottom: 0;
+    margin-left: 5px;
+    position: absolute;
+    right: 4px;
+    top: 4px;
+}
+
 /* ini header */
 #quota {
     float: right;
@@ -43,26 +65,7 @@ input {
 }
 /* end header */
 
-#sidebarPanel {
-    position: absolute;
-    cursor: default;
-    top: 0;
-    left: 0;
-    padding: 7px 0 0 7px;
-    bottom: 0;
-    z-index: 1;
-    white-space: normal;
-    -moz-border-radius-bottomright: 0;
-    -webkit-border-bottom-right-radius: 0;
-    border-bottom: 0;
-}
-#dimpmain {
-    position: absolute;
-    margin-left: 13px;
-    top: 4px;
-    bottom: 0;
-    right: 4px;
-}
+/* Portal styles. */
 #dimpmain_portal h1.header a {
     cursor: pointer;
 }