Fix some visual inconsistencies

4 files changed, 25 insertions, 17 deletions

diff --git a/skins/default/common.css b/skins/default/common.css
index 32105ef90..ed1f46cc4 100644
--- a/skins/default/common.css
+++ b/skins/default/common.css
@@ -378,8 +378,9 @@ html>body*#quicksearchbar[id$="quicksearchbar"]:not([class="none"]) #quicksearch
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 11px;
-  opacity: 0.6;
-  -moz-opacity: 0.6;
+  opacity: 0.7;
+  -moz-opacity: 0.7;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 }
 
 a.rcmContactAddress
diff --git a/skins/default/mail.css b/skins/default/mail.css
index efbd3c0e6..3628e3d9c 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -187,16 +187,18 @@
 
 #mailboxlist-header
 {
+/*
   position: absolute;
   top: 85px;
   left: 20px;
   width: 140px !important;
-/*  width: 162px; */
-  height: 13px;
-  padding: 3px 10px 2px 10px;
+*/
+  display: block;
+  height: 12px;
+  padding: 3px 10px 4px 10px;
   background-color: #EBEBEB;
   background-image: url(images/listheader_aqua.gif); 
-  border: 1px solid #CCCCCC;
+  border-bottom: 1px solid #999;
   color: #333333;
   font-size: 11px;
   font-weight: bold;  
@@ -205,15 +207,15 @@
 #mailboxlist-container
 {
   position: absolute;
-  top: 105px;
+  top: 85px;
   left: 20px;
   width: 160px;
   bottom: 40px;
-  border: 1px solid #CCCCCC;
+  border: 1px solid #999;
   background-color: #F9F9F9;
   overflow: auto;
   /* css hack for IE */
-  height: expression((parseInt(document.documentElement.clientHeight)-145)+'px');
+  height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
 }
 
 #mailboxlist
@@ -285,7 +287,6 @@
 #mailboxlist li.selected
 {
   background-color: #929292;
-  border-bottom: 1px solid #898989;
 }
 
 #mailboxlist li.selected a
@@ -312,7 +313,8 @@
   background-position: 25px 1px;
 }
 
-#mailboxlist li.selected li {
+#mailboxlist li.selected li,
+#mailboxlist li.droptarget li {
   background-color: #F9F9F9;
 }
 
@@ -417,6 +419,7 @@ body.messagelist
 {
   color: #000;
   text-decoration: none;
+  white-space: nowrap;
 }
 
 #messagelist col
@@ -440,7 +443,7 @@ body.messagelist
 
 #messagelist tr td.size
 {
-  width: 60px;
+  width: 70px;
   text-align: right;
   vertical-align: middle;
 }
@@ -534,12 +537,12 @@ body.messagelist
   left: 200px;
   right: 30px;
   bottom: 40px;
-  border: 1px solid #cccccc;
-  background-color: #FFFFFF;
+  border: 1px solid #999;
+  background-color: #FFF;
   overflow: auto;
   /* css hack for IE */
   /* margin-bottom: 10px; */
-  width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
+  width: expression((parseInt(document.documentElement.clientWidth)-230)+'px');
   height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
 }
 
diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html
index 183a14ff7..a38c06aee 100644
--- a/skins/default/templates/mail.html
+++ b/skins/default/templates/mail.html
@@ -33,8 +33,10 @@
 <roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessages" />
 </div>
 
+<div id="mailboxlist-container">
 <div id="mailboxlist-header"><roundcube:label name="mailboxlist" /></div>
-<div id="mailboxlist-container"><roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" /></div>
+<roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
+</div>
 
 <div id="mailboxcontrols">
 <roundcube:label name="folder" />:&nbsp;
diff --git a/skins/default/templates/message.html b/skins/default/templates/message.html
index 9efed60bd..7824c7f8f 100644
--- a/skins/default/templates/message.html
+++ b/skins/default/templates/message.html
@@ -30,8 +30,10 @@
 <roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mboxlist" />
 </div>
 
+<div id="mailboxlist-container">
 <div id="mailboxlist-header"><roundcube:label name="mailboxlist" /></div>
-<div id="mailboxlist-container"><roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" /></div>
+<roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
+</div>
 
 <div id="messageframe">
 <roundcube:object name="messageHeaders" class="headers-table" cellspacing="0" cellpadding="2" addicon="/images/icons/plus.gif" summary="Message headers" />