- make #mailfooter good looking in all browsers (not tested with IE6)

4 files changed, 30 insertions, 48 deletions

diff --git a/skins/default/mail.css b/skins/default/mail.css
index d19de3ebe..179659cef 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -344,11 +344,6 @@ td.formlinks a:visited
   text-decoration: underline;
 }
 
-#listcontrols
-{
-  padding-right: 2em;
-}
-
 #messagecountbar
 {
   position: absolute;
@@ -632,39 +627,30 @@ td.formlinks a:visited
 #mailfooter
 {
   position: absolute;
-  left: 0px;
-  bottom: 0px;
+  left: 20px;
+  right: 20px;
+  bottom: 16px;
   height: 16px;
-  width: 100%;
-}
-
-#mailfooter table tr td
-{
   white-space: nowrap;
-  vertical-align: bottom;
-}
-
-#mailboxcontrols
-{
-  position: absolute;
-  left: 0px;
-  bottom: 0px;
-  height: 16px;
-  width: auto;
-  font-size: 11px;
 }
 
+#mailboxcontrols,
 #listcontrols,
 #countcontrols,
 #quotabox
 {
   white-space: nowrap;
   font-size: 11px;
+  margin-right: 10px;
 }
 
 #countcontrols
 {
-  min-width: 25em;
+  position: absolute;
+  right: 10px;
+  bottom: 16px;
+  height: 16px;
+  min-width: 260px;
 }
 
 #countcontrols a.button,
diff --git a/skins/default/templates/addressbook.html b/skins/default/templates/addressbook.html
index 5b250fa9f..96efad746 100644
--- a/skins/default/templates/addressbook.html
+++ b/skins/default/templates/addressbook.html
@@ -72,7 +72,7 @@
 <div id="abookcountbar" class="pagenav">
   <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " />
   <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " />
-  <roundcube:object name="recordsCountDisplay" style="padding:0 1em; float:left" />
+  <roundcube:object name="recordsCountDisplay" style="padding:0 .5em; float:left" />
   <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " />
   <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " />
 </div>
diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html
index ebdf9f8d2..e9e10dd48 100644
--- a/skins/default/templates/mail.html
+++ b/skins/default/templates/mail.html
@@ -24,24 +24,19 @@
 <roundcube:include file="/includes/header.html" />
 
 <div id="mainscreen">
+
 <div id="mailleftcontainer">
 <div id="mailboxlist-container">
 <h3 id="mailboxlist-header"><roundcube:label name="mailboxlist" /></h3>
 <roundcube:object name="mailboxlist" id="mailboxlist" maxlength="16" />
 </div>
+</div>
 
 <script type="text/javascript">
   var mailviewsplitv = new rcube_splitter({id:'mailviewsplitterv', p1: 'mailleftcontainer', p2: 'mailrightcontainer', orientation: 'v', relative: true, start: 165});
   rcmail.add_onload('mailviewsplitv.init()');
 </script>
 
-<div id="mailboxcontrols">
-  <roundcube:label name="folder" />:&nbsp;
-  <roundcube:button command="expunge" label="compact" classAct="active" />&nbsp;
-  <roundcube:button command="purge" label="empty" classAct="active" />&nbsp;
-</div>
-</div>
-
 <div id="mailrightcontainer">
 <div id="mailrightcontent">
 <div id="mailcontframe">
@@ -73,36 +68,37 @@
 </div>
 
 <roundcube:endif />
+
+</div>
+</div>
 </div>
 
 <div id="mailfooter">
-<table cellpadding="1" cellspacing="0" width="100%"><tr>
-  <td>
-    <span id="listcontrols">
+  <span id="mailboxcontrols">
+      <roundcube:label name="folder" />:&nbsp;
+      <roundcube:button command="expunge" label="compact" classAct="active" />&nbsp;
+      <roundcube:button command="purge" label="empty" classAct="active" />&nbsp;
+  </span>
+  <span id="listcontrols">
       <roundcube:label name="select" />:&nbsp;
       <roundcube:button command="select-all" label="all" classAct="active" />&nbsp;
       <roundcube:button command="select-all" prop="unread" label="unread" classAct="active" />&nbsp;
       <roundcube:button command="select-all" prop="invert" label="invert" classAct="active" />&nbsp;
       <roundcube:button command="select-none" label="none" classAct="active" /> &nbsp;
       <roundcube:container name="listcontrols" id="listcontrols" />
-    </span>
-  </td>
+  </span>
   <roundcube:if condition="env:quota" />
-  <td style="text-align:center">
-    <span id="quotabox"><roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" /></span>
-  </td>
+  <span id="quotabox">
+    <roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" />
+  </span>
   <roundcube:endif />
-  <td id="countcontrols" class="pagenav">
+</div>
+<div id="countcontrols" class="pagenav">
     <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessages" content=" " />
     <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessages" content=" " />
-    <roundcube:object name="messageCountDisplay" style="padding:0 1em; float:right" />
+    <roundcube:object name="messageCountDisplay" style="padding:0 .5em; float:right" />
     <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessages" content=" " />
     <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessages" content=" " />
-  </td>
-</tr></table>
-</div>
-
-</div>
 </div>
 
 
diff --git a/skins/default/templates/message.html b/skins/default/templates/message.html
index 852f4b44c..933d13171 100644
--- a/skins/default/templates/message.html
+++ b/skins/default/templates/message.html
@@ -52,7 +52,7 @@
 <div id="messagecountbar" class="pagenav">
   <roundcube:button command="lastmessage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessage" content=" " />
   <roundcube:button command="nextmessage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessage" content=" " />
-  <roundcube:object name="messageCountDisplay" style="padding:0 1em 0 1em; float:right" />
+  <roundcube:object name="messageCountDisplay" style="padding:0 .5em; float:right" />
   <roundcube:button command="previousmessage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessage" content=" " />
   <roundcube:button command="firstmessage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessage" content=" " />
 </div>