Fix CSS on multiple messages screen

diff --git a/imp/templates/thread/thread.html b/imp/templates/thread/thread.html
index 70c243a..7955756 100644 (file)
--- a/imp/templates/thread/thread.html
+++ b/imp/templates/thread/thread.html
@@ -21,20 +21,20 @@
    <table width="100%">
     <tr valign="top">
      <td class="item">
-      <table width="100%" cellpadding="2" cellspacing="0">
+      <table class="multipleMsgs" width="100%" cellpadding="2" cellspacing="0">
        <tr>
         <td class="item0 rightAlign" valign="top" nowrap="nowrap"><strong><gettext>Date:</gettext></strong>&nbsp;</td>
-        <td class="item0 leftAlign"><tag:messages.date /></td>
+        <td class="item0 msgheader leftAlign"><tag:messages.date /></td>
         <td class="item0 rightAlign"><tag:messages.link /></td>
        </tr>
        <tr>
         <td class="item1 rightAlign" valign="top" nowrap="nowrap"><strong><if:messages.addr_to><gettext>To:</gettext><else:messages.addr_to><gettext>From:</gettext></else:messages.addr_to></if:messages.addr_to></strong>&nbsp;</td>
-        <td class="item1 leftAlign" width="100%" colspan="2"><tag:messages.addr /></td>
+        <td class="item1 msgheader leftAlign" width="100%" colspan="2"><tag:messages.addr /></td>
        </tr>
 <if:messages.subject>
        <tr>
         <td class="item0 rightAlign" valign="top" nowrap="nowrap"><strong><gettext>Subject:</gettext></strong>&nbsp;</td>
-        <td class="item0 leftAlign" width="100%" colspan="2"><tag:messages.subject /></td>
+        <td class="item0 msgheader leftAlign" width="100%" colspan="2"><tag:messages.subject /></td>
        </tr>
 </if:messages.subject>
       </table>

diff --git a/imp/themes/screen.css b/imp/themes/screen.css
index 1783650..27a7ec8 100644 (file)
--- a/imp/themes/screen.css
+++ b/imp/themes/screen.css
@@ -278,6 +278,9 @@ tr.deleted:hover, tr.deleted-over {
 table.msgheaders, td.msgheader {
     width: 100%;
 }
+table.multipleMsgs td.msgheader {
+    width: auto;
+}
 
 /* Pad the addressbook icon in header compose links. */
 .msgheader img {