Tweak display of mimeStatusMessage boxes

diff --git a/imp/js/imp.js b/imp/js/imp.js
index eb2ca93..015661e 100644 (file)
--- a/imp/js/imp.js
+++ b/imp/js/imp.js
@@ -29,7 +29,7 @@ document.observe('dom:loaded', function() {
     IMP.unblockImages = function(e)
     {
         var callback,
-            elt = e.element().up('TABLE.mimeStatusMessage'),
+            elt = e.element().up('.mimeStatusMessage>TABLE'),
             iframe = elt.up().next('.htmlMsgData'),
             iframeid = iframe.readAttribute('id'),
             imgload = false,

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

diff --git a/imp/themes/screen.css b/imp/themes/screen.css
index ad5afbc..d7d2607 100644 (file)
--- a/imp/themes/screen.css
+++ b/imp/themes/screen.css
@@ -519,12 +519,12 @@ td.addressTr span.loadingImg {
 }
 
 /* MIME styles. */
-.mimeStatusMessage, .mimeHeaders {
+.mimeStatusMessage>table, .mimeHeaders {
     padding: 4px;
     margin-bottom: 3px;
     font-size: 90%;
 }
-.mimeStatusMessage {
+.mimeStatusMessage>table {
     color: #000;
     background: #ffc;
     border: 1px solid #fff760;
@@ -540,7 +540,7 @@ td.addressTr span.loadingImg {
     background: #f9f9f9;
     width: auto;
 }
-div.mimePartInfo {
+div.mimeStatusMessage, div.mimePartInfo {
     margin-bottom: 5px;
 }
 .mimePartInfo div {
@@ -557,10 +557,10 @@ div.mimePartInfo {
     vertical-align: bottom;
 }
 
-.mimeStatusMessage td {
+.mimeStatusMessage table td {
     padding: 0;
 }
-.mimeStatusMessage td table td {
+.mimeStatusMessage table td table td {
     padding-right: 2px;
     white-space: nowrap;
 }