Fix display of multiple status messages.

diff --git a/imp/js/imp.js b/imp/js/imp.js
index 79bd92b..cf01aec 100644 (file)
--- a/imp/js/imp.js
+++ b/imp/js/imp.js
@@ -29,8 +29,8 @@ document.observe('dom:loaded', function() {
     IMP.unblockImages = function(e)
     {
         var callback,
-            elt = e.element().up('.mimeStatusMessage>TABLE'),
-            iframe = elt.up('DIV').next().down('.htmlMsgData'),
+            elt = e.element().up('.mimeStatusMessageTable').up(),
+            iframe = elt.up().next().down('.htmlMsgData'),
             iframeid = iframe.readAttribute('id'),
             imgload = false,
             s = new Selector('[htmlimgblocked]');

diff --git a/imp/lib/UI/Message.php b/imp/lib/UI/Message.php
index a5394c6..a3574a1 100644 (file)
--- a/imp/lib/UI/Message.php
+++ b/imp/lib/UI/Message.php
@@ -443,7 +443,7 @@ class IMP_UI_Message
                 continue;
             }
 
-            $out .= '<table' . (isset($val['id']) ? (' id="' . $val['id'] . '" ') : '') . '>';
+            $out .= '<div><table class="mimeStatusMessageTable"' . (isset($val['id']) ? (' id="' . $val['id'] . '" ') : '') . '>';
 
             /* If no image, simply print out the message. */
             if (empty($val['icon'])) {
@@ -458,7 +458,7 @@ class IMP_UI_Message
                 $out .= '</table></td></tr>';
             }
 
-            $out .= '</table>';
+            $out .= '</table></div>';
         }
 
         return $out

diff --git a/imp/themes/screen.css b/imp/themes/screen.css
index 657b189..ece85ed 100644 (file)
--- a/imp/themes/screen.css
+++ b/imp/themes/screen.css
@@ -519,11 +519,11 @@ td.addressTr span.loadingImg {
 }
 
 /* MIME styles. */
-.mimeStatusMessage>table, .mimeHeaders {
+.mimeStatusMessageTable, .mimeHeaders {
     margin-bottom: 3px;
     font-size: 90%;
 }
-.mimeStatusMessage>table {
+.mimeStatusMessageTable {
     background: #ffc;
     border: 1px solid #fff760;
     color: #000;
@@ -566,10 +566,10 @@ div.mimeStatusMessage, div.mimePartInfo {
     padding-left: 25px;
 }
 
-.mimeStatusMessage table td {
+.mimeStatusMessageTable td {
     padding: 0;
 }
-.mimeStatusMessage table td table td {
+.mimeStatusMessageTable td table td {
     padding-right: 2px;
     white-space: nowrap;
 }